/*--------------------- Copyright (c) 2022 ----------------------- 
[Master Stylesheet] 
Project: Videospire 
Version: 1.0.0 
Author: kamleshyadav 
-------------------------------------------------------------------
[Table of contents] 
Global CSS Start 
Comman CSS Start 
-- Header CSS Start 
-- Footer CSS Start 
Responsive CSS Start 

-------------------------------------------------------------------*/
/**** 1. Global CSS Startr ******/
:root {
    --videospire-title-family:'Outfit', sans-serif;
    --videospire-globms-family: 'Outfit', sans-serif;
    --videospire-alternate-bg: #f8f8f8;
    --videospire-secondary-bg: #f8f8f8;
    --videospire-font-color: #555d68;
    --videospire-offf-white: rgb(255 255 255 / 10%);
    --ms-primary-color: #ff5538;
    --videospire-primary-light: #ff846f;
    --videospire-border-color: #eaebec;
    --videospire-input-border: #eaebec;
    --videospire-input-bg: #ffffff;
    --videospire-yellow: #ffaa17;
    --videospire-footer-bg: #1f232c;
    --videospire-footer-light-bg: #ebeef5;
    --videospire-placeholder: #627f95;
    --videospire-submenu-bg: #f5f5f5;
    --videospire-sub-menu-bg: #f9f9f9;
    --videospire-page-title-bg: #ededed;
    --videospire-blockquote-bg: #020202;
    --videospire-widget-bg: #fcfcfc;
    --videospire-radius0: 0;
    --videospire-radius-comman: 3px;
    --videospire-radius10: 10px;
    --videospire-circle-radius: 50%;
    --videospire-page-title-size: 42px;
    --videospire-font-size: 14px;
    --videospire-font14: 14px;
    --videospire-font18: 18px;
    --videospire-title-size: 22px;
    --videospire-sub-title-size: 26px;
    --videospire-widgets-title-size: 20px;
    --videospire-shadow: 0 0 30px rgb(0 0 0 / 3%);
    --videospire-transition: all 0.3s ease-in-out;
    --videospire-link-color: #353d42;
    --videospire-copyright-bg: #282d38;
    --videospire-hover-btn-bg: #15171c;
    --ms-gredient-color:linear-gradient(143deg, #ff543e 0%, #ff0065 100%);
    --videospire-font-weight: 300;
}
/* Header Nav */
 .ms-header-wrapper .menu {
     display: flex;
     flex-wrap: wrap;
     text-transform: capitalize;
     justify-content: flex-end;
}
 .ms-header-wrapper ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .ms-header-wrapper .menu li {
     position: relative;
     margin: 0;
}
.ms-header-wrapper .menu li:nth-child(3) ul.sub-menu:before, .ms-header-wrapper .menu li:nth-child(4) ul.sub-menu:before{
    display:none;
}
.ms-header-wrapper .menu li:nth-child(4) ul.sub-menu{
    min-width:200px;
}
.ms-header-wrapper .menu li:nth-child(4) ul.sub-menu li:hover ul.sub-menu:before{
    display:block;
}
 .ms-header-wrapper .menu li.current-menu-ancestor>a, .ms-header-wrapper .menu li.current-menu-ancestor>a:focus, .ms-header-wrapper .menu li.current-menu-ancestor>a:visited {
     color: var(--ms-primary-color);
}
 .ms-header-wrapper .ms-head-icon .woocommerce-Price-amount.amount {
     color: var(--text-color);
     font-weight: 700;
     font-size: var(--videospire-font-size);
}
 .ms-header-wrapper .menu li a {
     position: relative;
}
 .ms-search-btn svg {
     fill: var(--ms-primary-color);
     height: 16px;
}
 .ms-header-wrapper .ms-search-btn svg {
     fill: var(--ms-primary-color);
     height: 16px;
}
 .ms-header-wrapper .row {
     align-items: center;
     justify-content: space-between;
}
 .ms-header-menu {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
}
/* Breadcrumb CSS Start */
.ms-breadcrumb-wrapper {
    background: var(--ms-grey-bg-color);
    padding: 60px 0;
    position: relative;
    background-size: cover !important;
    background-position: center bottom !important;
    color: var(--ms-white-color);
}
.ms-breadcrumb-wrapper.breadcrumb-overlay:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
    content: "";
}
.ms-breadcrumb-wrapper.breadcrumb-overlay {
    padding: 47px 0 50px;
}
.ms-breadcrumb-wrapper.breadcrumb-overlay h1 {
    color: var(--ms-white-color);
    position: relative;
}
.ms-breadcrumb-wrapper.breadcrumb-overlay ul {
    background: rgb(0 0 0 / 60%);
}
.ms-breadcrumb-wrapper.breadcrumb-overlay ul li {
    color: var(--ms-white-color);
}
.ms-breadcrumb-container h1 {
    color: var(--text-color);
    font-size: var(--videospire-page-title-size);
    font-weight: 700;
    word-break: break-word;
    margin: 0;
    text-transform: capitalize;
}
.ms-breadcrumb-container ul {
   list-style: none;
   margin: 0;
   display: inline-block;
   padding: 7px 0px 0px 0;
   position: relative;
   font-size: var(--videospire-font18);
   border-radius: 100px;
}
.ms-breadcrumb-container ul li {
    color: var(--text-color);
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 500;
    position: relative;
    word-break: break-word;
    text-transform: capitalize;
}
.ms-breadcrumb-container ul li:before {
    margin: 0 8px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 14px;
    content: '\f054';
    font-size: 12px;
    color: inherit;
    font-family: "Font Awesome 5 Free";
    line-height: normal;
    font-weight: 900;
}
.ms-breadcrumb-container ul li:first-child:before {
    content: unset;
}
body.author .ms-breadcrumb-container ul li:last-child:before {
    display:none;
}
.ms-breadcrumb-container ul li a, .ms-breadcrumb-container ul li a:hover, .ms-breadcrumb-container ul li a:focus {
    color: var(--ms-primary-color);
}
/******  WP CSS Start ********/
.widget.widget_search.widget_block .wp-block-search__label {
   font-size: 20px;
   font-weight: 600;
   color: var(--ms-white-color);
   margin: 0px 0 25px;
   position: relative;
   padding: 0 0 12px;
   text-transform: capitalize;
   font-family: var( --videospire-title-family);
   line-height: 1.2;
}
.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search .wp-block-search__button.ms-btn {
    padding: 0 16px;
    min-width: 100px;
    text-align: center;
}
.wp-block-file .wp-block-file__button, .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:visited {
    background: var(--ms-primary-color);
    opacity: 1;
    color: var(--ms-white-color);
}
.search .ms-column-pagination {
    margin: 43px 0 0;
}
body.search .ms-blog-columns article {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
}
body.search .ms-blog-columns article>* {
    width: 100%;
}
body.search .ms-blog-search .ms-search-sections {
    width: 100%;
    padding: 30px 20px;
    border: none;
    background: var(--ms-semi-dark-color);
    transition: all 0.3s;
    border-radius: 6px;
    border: 1px solid var(--ms-bg-color);
}
body.search .ms-search-wrapper {
    background: var(--ms-light-bg-color) !important;
}
body.search .ms-main-post-wrapper article.post{
    padding: 0px;
    border:none;
    background: var(--ms-dark-bg-color);
    transition:all 0.3s;
}
.ms-main-post-wrapper article.post.sticky ul {
    margin: 0;
}
.wp-block-group.has-background {
    color: #787878;
    padding: 13px 20px 3px;
}
.wp-block-calendar table caption, .wp-block-calendar table tbody {
    color: var(--ms-light-grey-color);
}
.wp-block-calendar tbody td, .wp-block-calendar th {
    border-color: var(--videospire-border-color);
}
/** Post Inner **/
.sticky-post {
    margin: 0 10px 0 0;
    color: var(--ms-primary-color);
}
.entry-title {
    font-size: var(--videospire-sub-title-size);
    font-weight: 600;
    color: var(--ms-white-color);
    margin: 0 0 18px;
    word-break: break-word;
}
.entry-title a {
    color: var(--text-color);
}
.entry-title a:hover, .entry-title:hover a {
    color: var(--ms-primary-color);
}
.woocommerce-product-details__short-description p {
    color: var(--ms-light-grey-color);
    padding: 10px 0 15px 0;
}
.entry-title:hover, .entry-title {
    transition: var(--videospire-transition);
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
}
.ms-text-icon {
    color: var(--ms-primary-color);
    display: inline-block;
    margin: 0 3px 0 0;
    vertical-align: text-bottom;
}
.ms-text-icon svg {
    fill: var(--ms-white-color);
    height: 15px;
}
dl, ol, ul {
    margin: 0 0 0;
}
ol, ul {
    padding: 0 0 0 30px;
}
figcaption {
    color: var(--ms-light-grey-color) !important;
    font-size: 15px !important;
    text-align: left !important;
}
figcaption a{
    color: var(--ms-light-grey-color) !important;
    font-size: 15px !important;
    transition:all 0.3s;
}
figcaption a:hover{
    color:var(--ms-primary-color);
}
.widget ul, .widget ol {
    list-style: none;
    padding: 0;
}
.single .ms-blog-head {
    margin-bottom: 23px;
}
p.has-text-color {
    color: var(--ms-white-color)!important;
}
.wp-block-pullquote {
    border: none;
}
.ms-main-post-wrapper article.post {
    background: var(--ms-semi-dark-color);
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 20px;
    border: 1px solid var(--ms-bg-color);
}
.ms-single-blog article.post {
    padding: 20px;
    border: 1px solid var(--ms-bg-color);
}
body:not(.videospire-demo) .ms-main-page-container article.page {
    padding: 20px;
    border: 1px solid var(--ms-bg-color);
}
.ms-main-post-wrapper article.post.sticky {
    border: 1px solid var(--ms-bg-color)!important;
    padding: 30px 20px 21px;
    border-radius: 6px;
}
.ms-main-post-wrapper article.post:last-child {
    margin-bottom: 0;
    border: 0;
    padding: 0;
}
.wp-block-pullquote:not(.is-style-solid-color) blockquote.has-text-color.has-light-gray-color p, .wp-block-pullquote:not(.is-style-solid-color) blockquote.has-text-color.has-light-gray-color cite {
   color: var(--ms-white-color);
}
.edit-btn-read-more-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 0;
    width: 100%;
}
.edit-btn-read-more-wrap>* {
    margin-right: 20px;
}
.edit-btn-read-more-wrap .entry-footer {
    margin: 0;
}
.edit-btn-read-more-wrap>* :last-of-type {
    margin-right: 0;
}
.edit-btn-read-more-wrap a {
    color: var(--ms-white-color);
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
}
.ms-read-more-link:before {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   max-width: 0;
   color: var(--text-color);
   content: attr(data-hover);
   -webkit-transition: max-height 0.5s;
   -moz-transition: max-height 0.5s;
   -o-transition: max-height 0.5s;
   transition: max-height 0.5s;
   white-space: nowrap;
}
.edit-btn-read-more-wrap a.ms-read-more-link:hover:before {
   max-width: 100%;
}
.edit-btn-read-more-wrap .ms-read-more-link:after {
   content: "";
   background: var(--ms-primary-color);
   height: 1px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
}
.edit-btn-read-more-wrap .ms-read-more-link:hover:after {
   width: 100%;
   background: var(--text-color);
}
.ms-read-more-link:before, .ms-read-more-link:hover:before, .edit-btn-read-more-wrap .ms-read-more-link:hover:after, .edit-btn-read-more-wrap .ms-read-more-link:after {
   -webkit-transition: var(--videospire-transition);
   -moz-transition: var(--videospire-transition);
   -ms-transition: var(--videospire-transition);
   -o-transition: var(--videospire-transition);
   transition: var(--videospire-transition);
}
.edit-btn-read-more-wrap a:hover {
   color: var(--ms-white-color);
}
.edit-btn-read-more-wrap .edit-link a, .edit-link a {
    color: var(--ms-primary-color);
    text-transform: capitalize;
    font-weight: 600;
    font-size: var(--videospire-font-size);
    letter-spacing: .6px;
    position: relative;
}
.edit-btn-read-more-wrap .edit-link a:after, .edit-link a:after {
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    line-height: 1;
    margin-left: 3px;
    font-size: var(--videospire-font14);
    vertical-align: baseline;
}
.wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button.is-style-squared .wp-block-button__link:before {
    border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--ms-primary-color);
    border: 2px solid;
    background: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link {
    box-shadow: none;
    background: transparent !important;
    border: 1px solid var(--ms-primary-color) !important;
    color: var(--ms-primary-color) !important;
}
blockquote {
    background-color: var(--videospire-blockquote-bg);
    background-color: var(--ms-bg-color);
    padding: 31px 40px 34px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 40px 0 45px;
    color: var(--ms-white-color);
    border-radius: 10px;
}
blockquote:before {
    content: "\f10d";
    font-size: 30px;
    color: var(--ms-white-color);
    padding-bottom: 12px;
    display: inline-block;
    font-family: 'font awesome 5 free';
    font-weight: 900;
}
blockquote:after {
    content: "\f10d";
    font-family: 'font awesome 5 free';
    font-weight: 900;
    position: absolute;
    right: 30px;
    bottom: -40px;
    color: var(--ms-white-color);
    font-size: 100px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: -1;
    opacity: .1;
}
blockquote p {
    font-size: var(--videospire-font-size);
    font-weight: 500;
    margin-bottom: 0 !important;
}
blockquote.wp-block-quote.has-text-align-right:after {
    right: unset;
    left: 30px;
}
blockquote strong, blockquote a {
    color: var(--ms-white-color);
}
blockquote.has-very-dark-gray-color, blockquote.has-very-dark-gray-color p, blockquote.has-very-dark-gray-color cite {
    color: var(--ms-white-color);
}
.wp-block-quote.is-style-large {
    padding: 26px 40px 32px;
}
.has-text-color.has-light-gray-color {
    padding: 27px 40px 34px;
}
.wp-block-pullquote:not(.is-style-solid-color) blockquote {
    padding: 27px 40px 33px;
    margin-top: 30px;
    margin-bottom: 0;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--ms-grey-bg-color);
    color: var(--ms-light-grey-color);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: var(--ms-modal-bg-color);
    color: var(--ms-light-grey-color);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
    color: var(--text-color);
}
.ms-blog-head {
    margin: 0 0 8px;
    display: inline-block;
    width: 100%;
}
.ms-blog-head .entry-title a {
    font-weight: 700;
    font-size: var(--videospire-sub-title-size);
    color: var(--ms-white-color);
    transition:all 0.3s;
}
.ms-blog-head .entry-title a:hover{
    color:var(--ms-primary-color);
}
.entry-content {
    margin: 0;
    color: var(--ms-light-grey-color);
    word-break: break-word;
}
.entry-content dd a {
    color: var(--ms-light-grey-color);
    transition: all 0.3s;
}
.entry-content dd a:hover{
    color: var(--ms-primary-color);
}
.entry-content p a {
    color: var(--ms-light-grey-color);
    transition: all 0.3s;
}
.entry-content p a:hover{
    color: var(--ms-primary-color);
}
.entry-content.ms-single-data a.more-link {
    color: var(--ms-light-grey-color);
    padding-bottom: 10px;
    display: block;
    transition: all 0.3s;
}
body:not(.videospire-demo) .entry-content.ms-single-data a.more-link {
    display: inline-block;
}
.entry-content.ms-single-data ul li a {
    color: var(--ms-light-grey-color);
    transition: all 0.3s;
}
.entry-content.ms-single-data ul li a:hover{
    color:var(--ms-primary-color);
}
p {
    margin-bottom: 1rem;
}
article p>mark, article p>ins {
    background: #fff9c0;
    color: #222222;
}
.wp-block-audio audio {
    min-width: 200px;
}
.wp-block-embed {
    word-break: break-word;
}
.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
}
.wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
    color: var(--ms-white-color);
}
.wp-block-button, .wp-block-cover, .wp-block-cover-image {
    margin-bottom: 16px;
}
.widget ul.menu ul.sub-menu {
    margin: 6px 0 0 0;
}
.wp-block-archives-dropdown select {
    margin: 0 0 30px;
}
/** Lists **/
ul ul {
    list-style: circle;
}
ul ul ul {
    list-style: square;
}
ol ol {
    list-style: lower-alpha;
}
ol ol ol {
    list-style: lower-roman;
}
ol li, ul li {
    margin-bottom: 10px;
}
ol li:last-child, ul li:last-child {
    margin-bottom: 0;
}
ol li ol, ul li ul, ol li ul, ul li ol {
    margin: 10px 0 0;
}
select {
    color: var(--ms-light-grey-color);
    border: 1px solid var(--videospire-border-color);
    width: 100%;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-radius: var(--videospire-radius0);
    background: var(--videospire-input-bg);
}
table {
    width: 100%;
    margin: 0 0 30px;
}
.calendar_wrap {
    margin: 30px 0 0px;
}
.wp-calendar-table {
    margin: 0;
}
table th {
    font-weight: 700;
    color: var(--text-color);
}
table th, table td, .wp-block-calendar tbody td, .wp-block-calendar th {
    border: 1px solid var(--ms-bg-color);
    padding: 10px 10px;
    text-align: center;
}
.wp-calendar-table tbody td#today {
    background: var(--ms-primary-color);
    margin: auto;
    color: var(--ms-white-color);
}
.wp-calendar-table tbody td#today a {
    color: var(--ms-white-color);
}
form.post-password-form input[type="submit"] {
    border-radius: var(--videospire-radius0);
}
/** Widget **/
.widget ul.menu ul.sub-menu {
    margin: 12px 0 0 15px;
}
.widget.widget_rss ul li {
    margin-bottom: 28px;
}
.widget.widget_rss ul li:last-child {
    margin-bottom: 0;
}
.widget_rss .rsswidget {
    color: var(--text-color);
}
.widget.widget_rss ul li a {
    width: 100%;
    display: inline-block;
    color: var(--ms-light-grey-color);
    font-weight: 500;
}
.widget.widget_rss ul li span.rss-date {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--videospire-font-size);
    font-weight: 500;
    padding-left: 20px;
    color: var(--ms-primary-color);
    margin: 6px 0 9px;
}
.rssSummary {
    color: var(--ms-light-grey-color);
}
.widget.widget_rss ul li span.rss-date:before {
    content: "\f073";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.widget.widget_rss ul li cite {
    display: inline-block;
    width: 100%;
    margin-top: 6px;
    font-weight: 500;
    color: var(--ms-white-color);
}
body:not(.videospire-demo) .ms-single-data>p:last-child {
    margin: 0;
}
body.home :not(.videospire-demo) .ms-single-data>p:last-child {
    margin-top: 10px;
}
.ms-single-data>p:last-child {
    margin-bottom: 0;
}
.widget .post-date {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--videospire-font-size);
    font-weight: 500;
    padding-left: 20px;
    color: var(--ms-primary-color);
    margin: 6px 0 9px;
}
.widget .post-date:before {
    content: "\f073";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* Recent News Custom Widget */
.ms-recent-post-widgets h2 {
    margin-bottom: 30px;
}
.ms-recent-post-widgets ul li>img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    margin: 0 20px 10px 0;
    border-radius: 6px;
}
.ms-recent-post-widgets ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ms-recent-post-widgets ul li>a {
    width: calc(100% - 80px);
    margin-bottom: 10px;
}
.ms-widget-post-date {
    color: var(--ms-primary-color);
}
.ms-widget-post-title {
    font-weight: 500;
    color: var(--ms-light-grey-color);
}
.ms-widget-post-title:hover {
    color: var(--ms-primary-color);
}
.ms-widget-post-title:hover, .ms-widget-post-title {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.widget.widget_categories ul {
    margin: 0 0 2px;
}
.ms-widget-post-date {
    color: var(--ms-primary-color);
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--videospire-font-size);
    font-weight: 500;
    padding-left: 20px;
    margin: 6px 0 9px;
}
.ms-widget-post-date:before {
    content: "\f073";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* Quick View Plugin */
.ms-product-info a.button.yith-wcqv-button {
    display: none !important;
}
body #yith-wcwl-popup-message {
    background: var(--ms-primary-color);
    top: 20px;
    left: unset;
    right: 0;
    padding: 3px 20px;
    right: 0;
    min-width: 200px;
}
body #yith-wcwl-popup-message div#yith-wcwl-message {
    color: var(--ms-white-color);
}
#yith-quick-view-modal .yith-wcqv-main div#yith-quick-view-content div.product {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#yith-quick-view-modal.open .yith-wcqv-main {
    overflow-y: hidden;
}
#yith-quick-view-modal .yith-wcqv-head a#yith-quick-view-close {
    color: var(--ms-white-color);
    border: none;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--ms-modal-bg-color);
}
.woocommerce div.product .product_title {
    font-size: var(--videospire-sub-title-size);
    margin-bottom: 0;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}
a.woocommerce-review-link {
    color: var(--ms-primary-color);
}
/** Tag **/
.widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
}
.widget.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud .tag-cloud-link, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    text-transform: capitalize;
    background-color: var(--ms-light-bg-color);
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 6px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--ms-white-color);
    border-radius: 3px;
    border: 1px solid var(--ms-grey-bg-color);
}
.widget.widget_tag_cloud .tagcloud a:hover, .wp-block-tag-cloud .tag-cloud-link:hover, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
    color: var(--ms-white-color);
    background-color: var(--ms-primary-color);
    border: 1px solid var(--ms-primary-color);
}
.widget.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud .tag-cloud-link, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link, .widget.widget_tag_cloud .tagcloud a:hover, .wp-block-tag-cloud .tag-cloud-link:hover, .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.wp-block-rss__item-title a {
    color: var(--ms-light-grey-color);
    transition: all 0.3s;
}
.wp-block-rss__item-title a:hover{
    color: var(--ms-primary-color);
}
.cat-links, .tags-links {
    width: 100%;
    display: inline-block;
    font-weight: 600;
    color: var(--text-color);
}
.cat-links a, .tags-links a, .cat-links a:not([href]):not([class]), .tags-links a:not([href]):not([class]) {
    border-radius: 4px;
    text-transform: capitalize;
    background-color: var(--ms-bg-color);
    width: auto;
    display: inline-block;
    margin-bottom: 21px;
    margin-right: 10px;
    padding: 6px 15px 6px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--ms-white-color);
}
.tags-links a, .tags-links a:not([href]):not([class]) {
    background-color: var(--ms-primary-color);
    margin-bottom: 0;
}
.cat-links a:hover, .tags-links a:hover, .cat-links a:not([href]):not([class]):hover, .tags-links a:not([href]):not([class]):hover {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.ms-cat-links, .ms-tags-links {
    margin: 0 10px 0 0;
}
.widget .calendar_wrap table th, .widget .calendar_wrap table td {
    padding: 10px 3px;
    font-size: var(--font14);
    text-align: center;
}
.widget .calendar_wrap table td {
    padding: 10px 3px;
    font-size: var(--font14);
    text-align: center;
    color: var(--ms-paragraph-color); 
}
.widget_recent_comments li .comment-author-link {
    display: inline-block;
}
.widget a {
    color: var(--ms-light-grey-color);
    font-weight: 400;
    text-transform: capitalize;
}
.widget_recent_comments li a {
    font-weight: 600;
}
.widget_recent_comments li a, .widget.widget_recent_comments ul li.recentcomments, .widget.widget_recent_comments ul li.recentcomments a {
    color: var(--ms-light-grey-color);
}
.widget_recent_comments li a:hover, .widget.widget_recent_comments ul li.recentcomments a:hover {
    color: var(--ms-primary-color);
}
.widget_recent_comments li .url, .widget_recent_comments li .comment-author-link {
    color: var(--ms-light-grey-color);
    font-weight: 600;
}
.widget.widget_recent_comments ul li.recentcomments {
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
    min-height: 40px;
}
.default-footer .widget.widget_recent_comments ul li.recentcomments {
    padding-left: 0px;
}
body:not(.videospire-demo) .ms-footer-spacer {
    padding-top: 75px;
}
.widget.widget_recent_comments ul li.recentcomments:before {
    content: "";
    width: 40px;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    margin-top: 1px;
    background: url(./../images/comments.svg) !important;
    background-repeat: no-repeat !important;
    width: 40px;
    height: 22px;
    top: 2px;
    left: 0;
    position: absolute;
}
.widget.widget_text .textwidget p img {
    margin: 7px 0;
}
.widget.widget_text p strong {
    margin: 3px 0;
    display: inline-block;
    width: 100%;
}
.widget.widget_text .textwidget strong {
    color: var(--ms-white-color);
}
.widget_product_search {
    padding: 40px 30px 33px;
}
body .comments-area ol ol, body .comments-area ol ol ol {
    list-style: decimal;
}
.comment-list {
    padding: 0;
    list-style: none;
}
.comment-author {
    width: 80px;
    height: 80px;
}
.comment-author img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: none;
    border-radius: var(--videospire-circle-radius);
}
.ms-comment-data {
    display: flex;
    flex-wrap: wrap;
    background: var(--ms-bg-color);
    border-radius: var(--videospire-radius0);
    border: none;
}
.comments-area>ol.comment-list>li blockquote {
    background: var(--ms-grey-bg-color);
    border-color: var(--ms-white-color);
}
.comment-info {
    width: calc(100% - 80px);
    padding: 0 0 0 20px;
}
.comment-reply-link {
    color: var(--ms-primary-color);
    font-weight: 500;
    font-size: var(--videospire-font-size);
    letter-spacing: .6px;
    position: relative;
}
.comment-reply-link:hover, .comment-reply-link:visited, .comment-reply-link:focus{
    color: var(--ms-primary-color);
}
.comment-reply-link:visited{
    color: var(--ms-primary-color)!important;
}
.comment-reply-link i {
    margin: 0 10px 0 0;
}
h3#reply-title.comment-reply-title small a {
    color: var(--ms-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--videospire-font-size);
    letter-spacing: .6px;
    position: relative;
}
h3#reply-title.comment-reply-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
h3#reply-title.comment-reply-title:before, .comments-area>ol.comment-list>li #reply-title:before {
    width: 100px;
}
.comment-respond {
    margin: 0;
    width: 100%;
}
.comment-respond .form-submit {
    margin: 0;
}
.form-submit .ms-btn {
    margin-top: 20px;
    padding: 0;
}
.comments-area .no-comments {
    margin: 15px 0 10px;
}
.comments-area>ol.comment-list>li {
    background: var(--ms-bg-color);
    border: 0px solid var(--ms-light-border-color);
    padding: 30px 30px;
    margin: 0 0 20px;
    border-radius: 4px;
}
.comments-title {
    margin: 0 0 25px 0;
    font-size: var(--videospire-title-size);
    font-weight: 500;
    color: var(--ms-white-color);
}
.videospire-demo .comments-area {
    padding-top: 0;
}
.ms-snglepst-wrapper .container{
    padding-left:0;
}
.videospire-demo .ms-snglepst-wrapper .container{
    padding-left:15px;
}
.comments-area .comment-respond {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.comments-area .comment-respond>* {
    width: 100%;
}
.ms-blog-columns>.comments-area {
    margin: 36px 0 0;
}
h3#reply-title.comment-reply-title small {
    font-size: var(--videospire-font-size);
}
.comments-area>ul, .comments-area>ol {
    list-style: none;
}
.comments-area>ul .children, .comments-area>ol .children {
    list-style: none;
    margin: 0;
}
.comment-head {
    margin: 0 0 15px;
}
.comment-head h3 {
    font-size: var(--videospire-widgets-title-size);
    font-weight: 600;
    margin: 10px 0 6px;
    color: var(--ms-white-color);
}
.comment-head h3 a {
    font-weight: 500;
    color: var(--ms-white-color);
}
.comment-date {
    margin: 0 0 0;
}
.comment-text > p {
    color: var(--ms-light-grey-color);
    padding: 5px 0;
}
.comment-text p.stars {
    color: #ff9529;
}
.comment-head .comment-date a {
    color: var(--ms-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--videospire-font-size);
    letter-spacing: .6px;
    position: relative;
}
.comments-area blockquote {
    margin: 0 0 25px;
}
.comments-area dt {
    color: var(--ms-light-grey-color);
}
.comments-area>ul .children>li, .comments-area>ol .children>li {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--ms-modal-bg-color);
    padding: 0 0 20px;
}
.comments-area>ul .children>li:last-child, .comments-area>ol .children>li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding: 0 0 0;
}
.comments-area>ol.comment-list>li .children li:last-child, .comments-area>ul.comment-list>li .children li:last-child {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}
.comments-area>ol.comment-list>li .children li:first-child, .comments-area>ul.comment-list>li .children li:first-child {
    margin-top: 23px;
    border-top: 1px solid var(--ms-modal-bg-color);
    padding-top: 30px;
}
.comments-area>ol.comment-list>li .children li p:last-of-type {
    margin-bottom: 3px;
}
.comment-respond .comment-notes {
    display: none;
}
.comment-respond .comment-form-cookies-consent {
    display: none;
}
.input-wrap input {
    padding-left: 15px;
    border: 1px solid var(--ms-bg-color)!important;
}
.input-wrap input::placeholder, .input-wrap textarea{
    color:var(--ms-light-grey-color);
}
p.comment-form-author input, p.comment-form-email input {
    border: 1px solid var(--ms-bg-color);
    padding-left: 15px;
}
.woocommerce div.product div.images figure.woocommerce-product-gallery__wrapper a img {
    height: 430px;
    object-fit: cover;
}
.woocommerce #reviews #comment {
    height: 60px;
}
.yith-wcwl-add-button a {
    color: var(--ms-primary-color);
}
/** Page And Post **/
p.has-text-align-center {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
.wp-block-file a {
    color: var(--ms-light-grey-color);
    transition:all 0.3s;
}
.wp-block-file a:hover {
    color: var(--ms-primary-color);
}
.wp-block-file .wp-block-file__button {
    background: var(--ms-modal-bg-color);
    color: var(--ms-white-color);
}
.wp-block-calendar table th {
    font-weight: 600;
    background: transparent;
    padding: 4px 10px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
    padding: 0;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
    display: block;
    font-size: var(--videospire-font-size);
    font-weight: 500;
}
.wp-block-latest-comments__comment-author, .wp-block-latest-comments__comment-author:visited, .wp-block-latest-posts.wp-block-latest-posts__list li a, .wp-block-latest-posts.wp-block-latest-posts__list li a:visited {
    color: var(--ms-primary-color);
}
.wp-block-latest-comments__comment-author, .wp-block-latest-comments__comment-link {
    font-weight: 600;
    color: var(--ms-light-grey-color);
}
.wp-block-cover-text strong {
    color: var(--ms-white-color);
}
.ms-single-data>ol, .ms-single-data>ul {
    margin-bottom: 30px;
}
.ms-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ms-post-meta>* {
    margin-right: 30px;
}
.ms-post-meta>*:last-of-type {
    margin-right: 0;
}
.ms-post-meta.ms-date-with-thumb a {
    font-weight: 500;
}
.ms-blog-authore {
    text-transform: capitalize;
}
.wp-block-archives.wp-block-archives-list a {
    color: var(--ms-light-grey-color);
}
.wp-block-archives.wp-block-archives-dropdown {
    margin: 0 0 25px;
}
.ms-single-data .wp-block-calendar td, .ms-single-data .wp-block-calendar th {
    padding: 15px 10px;
}
.wp-block-calendar a {
    text-decoration: none;
    color: var(--ms-light-grey-color);
}
body.search .ms-blog-columns article .ms-single-imgae-wrap, .ms-single-imgae-wrap {
    margin: 0 0 30px;
    border-radius: var(--videospire-radius0);
    overflow: hidden;
}
.ms-post-counting {
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    color: var(--ms-light-grey-color);
}
.ms-post-counting:before {
    content: "(";
}
.ms-post-counting:after {
    content: ")";
}
.calendar_wrap nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
}
.wp-block-calendar nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.wp-block-calendar nav.wp-calendar-nav a {
    text-decoration: none;
    color: var(--text-color);
}
.wp-block-categories.wp-block-categories-dropdown {
    margin-bottom: 25px;
}
.category .ms-main-post-wrapper .ms-blog-columns {
   margin-bottom: 40px;
}
body.single .ms-blog-columns {
   margin-bottom: 50px;
}
.widget_archive li, .widget_categories li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.widget_archive li .children, .widget_categories li .children {
    width: 100%;
}
.ms-blog-thumb-page-wrapper .ms-blog-thumb-section {
    margin: 0 0 50px;
}
.ms-blog-single-imgae .post-thumbnail {
    margin: -25px -30px 35px;
    border-radius: var(--videospire-radius0);
    overflow: hidden;
}
.wp-container-4.wp-block-gallery-3.wp-block-gallery.columns-2.is-cropped.alignleft.extraclass {
    margin-right: 15px;
}
body .ms-single-data figure {
    margin-bottom: 15px;
    padding-top: 3px;
}
.ms-details-wrapper {
    width: 100%;
}
.ms-blog-search .ms-details-wrapper {
    margin-bottom: 0px;
}
.ms-details-wrapper table thead th, .ms-details-wrapper table th, .ms-details-wrapper table td {
    border: 1px solid var(--ms-text-color);
}
.ms-blog-inner>.comments-area {
    margin-top: 50px;
}
.comments-area>ol.comment-list>li #reply-title {
    font-size: var(--videospire-widgets-title-size);
}
.videospire-blogs-section .videospire-blogs-img-inner {
    overflow: hidden;
}
/* Single Post */
.ms-blog-columns .ms-blog-details {
    display: flex;
    flex-wrap: wrap;
}
.ms-blog-columns .ms-blog-details .post-thumbnail {
    position: relative;
}
.ms-blog-single-data .ms-text-icon svg {
    vertical-align: middle;
    margin-top: 3px;
}
.ms-blog-single-imgae .post-thumbnail {
    margin: 0;
}
.single .ms-blog-single-imgae .post-thumbnail {
    margin: 0 0 34px;
}
.ms-blog-meta {
    margin: 33px 0 17px;
    width: 100%;
}
.ms-single-blog .entry-content>ul, .ms-single-blog .entry-content>ol {
    margin-bottom: 20px;
}
body:not(.videospire-demo) .entry-content ul li a{
    color:var(--ms-light-grey-color);
}
.ms-blog-columns .comments-area>ol.comment-list {
    margin-bottom: 20px;
    width: 100%;
}
.ms-blog-columns .ms-blog-details .edit-link {
    margin: 0 0 20px;
}
.comments-area>ol.comment-list>li .comment-respond {
    margin: 33px 0 0;
}
.comment-respond .comment-form-cookies-consent+.row .input-wrap {
    margin-bottom: 23px;
}
.ms-categories-tags {
    width: 100%;
}
.ms-categories-tags div>span a:first-child {
    margin-left: 10px;
}
.page-links {
    margin: 15px 0 25px 0;
}
/* Authore Info */
.ms-blog-authore-box {
    background: var(--ms-primary-color);
    padding: 30px 30px 10px;
    display: flex;
    flex-wrap: wrap;
    margin: 23px 0 18px;
    border-radius: 10px;
}
.ms-blog-authore-img {
    width: 100px;
    height: 100px;
    margin: 0 0 20px;
}
.ms-blog-authore-img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 3px solid var(--ms-white-color);
    border-radius: 50%;
}
.ms-blog-authore-info {
    width: calc(100% - 100px);
    padding: 0 15px 0 30px;
    color: var(--ms-white-color);
}
.ms-blog-authore-box p {
    margin-bottom: 8px;
}
.ms-blog-authore-info h5 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 7px;
    color: var(--ms-white-color);
}
.ms-blog-authore-info h5 span {
    color: var(--ms-primary-color);
    font-weight: 600;
    margin: 0 10px 0 0;
}
/* Comments */
.comment-reply-title {
    font-size: var(--videospire-title-size);
    font-weight: 500;
    margin: 0;
    color: var(--ms-white-color);
    line-height: 1.4;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.comments-area  .comment-respond {
    padding-top: 23px;
}
body .ms-page-columns .comments-area {
    padding-top: 45px;
}
p.logged-in-as a {
    color: var(--ms-light-grey-color);
}
.logged-in-as span.required-field-message {
    color: var(--ms-primary-color);
}
.input-wrap textarea {
    background: var(--ms-semi-dark-color);
    border: 1px solid var(--ms-bg-color);
    padding: 15px 15px 40px 15px;
}
.input-wrap textarea::placeholder{
    color: var(--ms-text-color);
}
form#commentform label {
    color: var(--ms-white-color);
    padding: 20px 0 10px 0;
}
span.rating-container label {
    padding-top: 12px !important;
}
.woocommerce #review_form #respond textarea {
    background: var(--ms-semi-dark-color);
    border: 1px solid var(--ms-bg-color);
    padding: 15px 10px 0 15px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: var(--ms-text-color);
}
.wp-block-latest-comments {
    padding: 0;
    color: var(--ms-light-grey-color);
}
.wp-block-latest-comments__comment-date {
    font-size: var(--videospire-font-size);
    margin: 3px 0 5px;
    display: inline-block;
    width: 100%;
    color: var(--ms-primary-color);
    font-weight: 500;
}
.comment-list .input-wrap textarea, .comment-list .input-wrap input {
    border: 1px solid var(--ms-bg-color);
}
.wp-block-categories.wp-block-categories-dropdown .nice-select {
    margin: 0 0 23px;
}
/* Pagination CSS */
.pagination .nav-links, .woocommerce .woocommerce-pagination ul.page-numbers li {
    display: flex;
    flex-wrap: wrap;
}
.pagination .nav-links>*:not(.dots) {
    height: 40px;
    width: 40px;
    background: var(--ms-grey-bg-color);
    color: var(--ms-white-color);
    text-transform: capitalize;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 6px;
    margin: 0 10px 0 0;
    font-weight: 500;
}
.pagination .nav-links .dots {
    height: 40px;
    width: 40px;
    color: var(--ms-light-grey-color);
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border: none;
    margin: 0 10px 0 0;
}
.page-numbers>span {
    display: none;
}
.page-numbers svg {
    fill: var(--ms-white-color);
    transition:all 0.3s;
}
.pagination .nav-links>*:hover, .pagination .nav-links .current {
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.pagination .nav-links .dots:hover {
    background: transparent;
    color: var(--ms-light-grey-color);
}
.pagination .nav-links>*:hover svg, .pagination .nav-links>*:hover svg path {
    fill: var(--ms-white-color);
}
.pagination .nav-links>*, .pagination .nav-links>*:hover {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
/**/
.page-links .page-number span, .page-links .page-number a {
    height: 40px;
    width: 40px;
    background: var(--ms-grey-bg-color);
    color: var(--ms-light-grey-color);
    text-transform: capitalize;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 6px;
    margin: 0 0 0 10px;
}
.page-links .page-number span.current, .page-links .page-number a:hover {
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.ms-main-page-container .ms-blog-columns .page-links {
    margin: 40px 0 0;
    display: inline-block;
    width: 100%;
}
/* WIDGET WP*/
.ms-sidebar-wrapper .widget .wp-block-group__inner-container h2 {
    font-size: var(--videospire-widgets-title-size);
    font-weight: 600;
    color: var(--ms-white-color);
    margin: 0px 0 25px;
    position: relative;
    padding: 0 0 12px;
    text-transform: capitalize;
    font-family: var( --videospire-title-family);
    line-height: 1.2;
}
/** Search **/
.wp-block-search {
    margin: 0 0 30px;
}
.wp-block-search .wp-block-search__input {
    border-radius: 4px 0 0 5px;
    padding: 0 5px 0 15px;
    border: 1px solid var(--ms-bg-color);
}
.wp-block-search .wp-block-search__input button.wp-block-search__button.ms-btn {
    max-width: 100px;
    height: 56px;
    border: none;    
}
body .wp-block-search .wp-block-search__button {
    border-radius: 0px 4px 4px 0 !important;
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
    border: none;
}
.wp-block-search .wp-block-search__button {
    margin: 0;
}
.search-form {
    display: flex;
    flex-wrap: wrap;
}
.search-form label {
    width: calc(100% - 60px);
    margin: 0;
}
.search-form label input.search-field {
    border-radius: 4px 0 0 4px;
    padding: 0 15px;
    border: 1px solid var(--ms-bg-color);
}
.search-form label input.search-field::placeholder{
    color:var(--ms-light-grey-color);
}
.search-form .search-submit {
    min-width: 60px;
    height: 60px;
    border-radius: 0 4px 4px 0 !important;
    border: none;
    background: var(--ms-primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-form .search-submit svg {
    fill: var(--ms-white-color);
    width: 20px;
    height: auto;
}
/* Side Bar CSS */
.widget {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0 0 66px;
    padding: 0;
}
.widget:last-of-type {
    margin-bottom: 0;
}
.widget_tag_cloud {
    margin-bottom: 65px;
}
.ms-recent-post-widgets {
    padding-bottom: 0px;
}
.widget-title {
    font-size: var(--videospire-widgets-title-size);
    font-weight: 600;
    color: var(--ms-white-color);
    margin: 0px 0 25px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
}
.widget ul li, .widget ol li {
    margin: 0 0 12px;
    position: relative;
    padding-left: 12px;
}
.widget ul li:before, .widget ol li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    height: 5px;
    width: 5px;
    border-radius: 0%;
    background: var(--ms-primary-color);
}
.widget ul li:hover>a, .widget ol li:hover>a {
    color: var(--ms-primary-color);
}
.widget ul li:hover a, .widget ol li:hover a, .widget ul li:hover:before, .widget ol li:hover:before, .widget ul li a, .widget ol li a, .widget ul li:before, .widget ol li:before {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.widget ul li:last-child, .widget ol li:last-child {
    margin: 0;
}
.widget ul.children {
    margin-top: 5px;
}
.widget ul.children, .widget ol.children {
    margin-left: 0px;
}
caption {
    color: var(--ms-text-color);
}
.wp-block-calendar table th, .wp-block-calendar table td {
    text-align: center;
}
.wp-block-calendar table th, .wp-calendar-table th {
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
    border:1px solid rgb(255 255 255 / 21%) !important; 
}
.wp-block-calendar {
    margin: 30px 0 0;
    display: inline-block;
    width: 100%;
}
/* Widget Spacing */
.widget.widget_search {
    margin: 0 0 75px;
}
/* Custom Images Widget */
.ms-custom-img-section {
    margin: 0 0;
    border-radius: 6px;
    overflow: hidden;
}
.ms-custom-img-section img {
    border-radius: 6px;
}
/* Sperate Widget Spaning */
.widget.widget_recent_comments .widget-title {
    margin-bottom: 30px;
}
.widget.widget_recent_comments {
    margin-bottom: 19px;
}
.widget.widget_archive select {
    margin: 5px 0 7px;
}
.widget.widget_calendar .widget-title {
    margin-bottom: 30px;
}
.widget.widget_calendar .calendar_wrap {
    margin: 0 0 2px;
}
.widget.widget_categories select {
    margin: 5px 0 7px;
}
.widget.widget_text .widget-title {
    margin-bottom: 21px;
}
.textwidget:last-child {
    color: var(--ms-light-grey-color);
}
.widget.widget_text select, .widget.widget_text .nice-select {
    margin-bottom: 9px;
}
.widget.widget_tag_cloud .widget-title {
    margin-bottom: 30px;
}
/* Sidebar Only */
.ms-sidebar-wrapper .widget.widget_archive select, .ms-sidebar-wrapper .widget.widget_archive .nice-select {
    margin: 5px 0 6px;
}
.ms-sidebar-wrapper .widget.widget_categories select, .ms-sidebar-wrapper .widget.widget_categories .nice-select {
    margin: 5px 0 9px;
}
.ms-sidebar-wrapper .widget_pages {
    padding-bottom: 2px;
}
.ms-sidebar-wrapper .widget.widget_recent_comments {
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.widget.widget_meta {
    padding-bottom: 2px;
}
.widget.widget_rss {
    padding: 0 0 5px;
}
.widget.widget_archive {
    padding-bottom: 3px;
}
.widget.widget_recent_entries {
    padding-bottom: 2px;
}
/* Footer Widgets Only */
.ms-footer-wrapper .widget.widget_search .widget-title {
    margin-top: 0;
}
.ms-footer-wrapper .widget_search .search-form {
    margin: 0 0 0px;
}
.ms-footer-wrapper .widget.widget_categories ul {
    margin: 5px 0 0px;
}
.ms-footer-wrapper .widget_tag_cloud {
    margin-bottom: 35px;
}
.ms-footer-wrapper .widget_recent_comments {
    margin-bottom: 18px;
}
body:not(.musio-demo).ms-footer-wrapper .widget:last-of-type {
    margin-bottom: 8px;
    margin-top: 20px;
}
.ms-footer-widgets .widget.widget_archive .nice-select {
    margin: 0px 0 7px;
}
.ms-footer-widgets .widget.widget_calendar .widget-title {
    margin-bottom: 25px;
}
.ms-footer-widgets .widget.widget_categories .widget-title {
    margin-bottom: 14px;
}
.ms-footer-widgets .widget.widget_categories .nice-select {
    margin-bottom: 9px;
}
.ms-footer-widgets .widget.widget_pages .widget-title {
    margin-bottom: 19px;
}
.ms-footer-widgets .widget.widget_meta .widget-title {
    margin-bottom: 20px;
}
.widget.widget_recent_comments .widget-title ~ ul {
    margin-top: -11px;
}
.ms-footer-widgets .widget.widget_recent_entries .widget-title {
    margin-bottom: 19px;
}
.ms-footer-widgets .widget.widget_text .widget-title {
    margin-bottom: 6px;
}
.ms-footer-widgets .widget.widget_tag_cloud .widget-title {
    margin-bottom: 25px;
}
.ms-footer-widgets .widget.widget_nav_menu .widget-title {
    margin-bottom: 18px;
}
/** Error Page CSS **/
.ms-error-page-wrapper {
    padding:80px 0;
    text-align: center;
}
.ms-error-img img {
    max-height: 350px;
    margin: 0 0 21px;
}
.ms-error-info h1 {
    font-size: 150px;
    font-weight: 900;
    color: var(--ms-primary-color);
    margin: 0;
}
.ms-error-info h4 {
    margin: 0 auto 18px;
    text-transform: capitalize;
    font-size: 26px;
    color: var(--ms-light-grey-color);
    font-weight: 600;
    font-family: var(--videospire-globms-family);
    max-width: 420px;
    line-height: 1.5;
    padding: 2px 0 0;
}
.ms-heading-wrap a.ms-btn {
    margin: 30px auto 0 auto;
}
body .yith-wcwl-add-button .yith-wcwl-icon {
    font: normal normal normal 14px/1 FontAwesome;
}
a.add_to_wishlist {
    color: var(--ms-white-color);
    transition:all 0.3s;
}
a.add_to_wishlist:hover{
    color: var(--ms-primary-color);
}
.ms-error-info .ms-heading {
    font-size: 62px;
    margin: 0 0 20px;
    font-weight: 600;
    color: var(--ms-white-color);
}
.no-results.not-found .page-title {
    font-weight: 500;
    font-size: 26px;
    color: var(--ms-white-color);
}
.page-content p {
    color: var(--ms-light-grey-color);
    padding-bottom: 10px;
}
/***** 4. Woocommerce CSS Start ****/
/* Product Thumb CSS Start */
.woocommerce .products .ms-product-hover ul {
    margin-bottom: 0;
}
.ms-product-hover ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
    justify-content: center;
}
.ms-product-image img {
    width: 100%;
    min-height: 260px;
    max-height: 260px;
    object-fit: cover;
}
.ms-product-thumb h2 {
    margin: 0;
    color: var(--text-color);
    font-size: var(--videospire-font-size);
    font-weight: 600;
    line-height: 1.5;
}
.ms-product-thumb h2 a, .ms-product-thumb h2 a:hover, .ms-product-thumb h2 a:visited {
    color: var(--text-color);
}
.ms-product-thumb h2:hover a, .ms-product-thumb h2 a:hover {
    color: var(--ms-primary-color);
}
.ms-product-title h2, .ms-product-title:hover h2 {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.ms-product-thumb .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--ms-primary-color);
    font-weight: 600;
    font-size: var(--videospire-widgets-title-size);
}
.ms-product-hover ul .ms-product-icon {
    height: 50px;
    width: 50px;
    display: flex;
    border: none;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin: 0;
    color: var(--ms-white-color);
    background: var(--ms-modal-bg-color);
}
.ms-product-hover ul li{
    transition:all 0.3s;
}
.ms-product-hover ul li:hover{
    transform:translateY(-5px);
}
.ms-product-hover ul .ms-product-icon:hover {
    background: var(--ms-primary-color);
}
.ms-product-hover ul .ms-product-icon svg {
    height: 16px;
    width: 16px;
    fill: var(--ms-white-color);
}
.ms-product-hover ul li:nth-child(2) a {
    position: relative;
}
.ms-product-hover {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -100px;
}
.ms-product-thumb:hover .ms-product-hover {
    bottom: 35px;
}
.ms_product_filters .nice-select {
    min-width: 200px !important;
    height:50px !important;
    line-height:50px !important;
}
.ms-product-thumb .ms-product-hover, .ms-product-thumb:hover .ms-product-hover {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.ms-product-hover ul li {
    width: 60px;
}
.ms-product-thumb {
    margin: 0 0 41px;
    position: relative;
    background: var(--ms-grey-bg-color);
    padding: 10px;
}
.ms-product-image {
    position: relative;
    overflow: hidden;
    padding: 0 0 20px 0;
    background: var(--ms-grey-bg-color);
}
body.woocommerce .ms-shop-wrapper .ms-product-thumb {
    margin: 0 0 30px;
    cursor: pointer;
}
.ms-products-wrapper .ms-btn-wrap {
    margin: -10px 0 40px;
    justify-content: center;
}
.ms-product-hover ul li {
    margin: 0;
    margin-bottom: 0;
}
.price del .woocommerce-Price-amount.amount, del .woocommerce-Price-amount.amount {
    color: var(--ms-light-grey-color);
    font-weight: 600;
    font-size: var(--videospire-font18);
}
.woocommerce-billing-fields {
    margin: 30px 0 0;
}
form.checkout.woocommerce-checkout h3#order_review_heading {
    margin: 45px 0 14px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: var(--ms-bg-color);
}
.flex-viewport {
    border: 1px solid var(--ms-bg-color);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border: 2px solid var(--ms-white-color);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    background: var(--ms-white-color);
}
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 10px 10px;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin: 20px -10px -11px;
}
.woocommerce div.product div.images .flex-control-thumbs img {
    border: 1px solid var(--ms-bg-color);
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
    border: 1px solid var(--ms-primary-color);
}
.ms-product-info .ms-sub-heading a {
    font-size: 16px;
    font-weight: 600;
    color: var(--ms-light-grey-color);
    text-transform: capitalize;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
}
.ms-product-info .ms-sub-heading a:hover {
    color: var(--ms-primary-color);
}
.ms-orange {
    color: var(--ms-primary-color);
}
.ms-price {
    font-weight: 700;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: var(--ms-primary-color);
    padding-top: 5px;
}
.ms-price del {
    margin: 0 0 0 5px;
    font-size: 12px;
}
.ms-price .ms-orange {
    font-size: 12px;
}
.ms-product-info {
    padding: 0px 20px 11px;
}
.ms-main-price {
    color: var(--ms-primary-color);
}
.ms-product-info .ms-sub-heading {
    padding: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
}
/* Shop Product Sidebar */
.ms_product_filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0 30px;
}
.ms_product_filters .woocommerce-notices-wrapper {
    width: 100%;
}
.woocommerce-product-search {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce-product-search input {
    width: calc(100% - 60px);
    margin: 0;
    border-radius: 30px 0 0 30px;
}
.woocommerce-product-search button {
    min-width: 60px;
    width: 60px;
    border-radius: 0 29px 30px 0 !important;
    padding: 10px 20px;
}
.woocommerce-product-search button svg {
    fill: var(--ms-white-color);
}
.woocommerce .widget_rating_filter ul li a {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce .widget_rating_filter ul li .star-rating {
    width: 100%;
    max-width: 120px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: none;
    padding: 0;
    margin: 30px 0 20px;
}
body .star-rating span::before {
    color: var(--videospire-yellow);
}
.woocommerce.widget_price_filter form {
    display: inline-block;
    width: 100%;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--ms-light-grey-color);
}
body .widget_price_filter .ui-slider .ui-slider-range, body .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--ms-primary-color) !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: var(--ms-primary-color) !important;
    border: none;
    border-radius: var(--videospire-circle-radius);
}
.woocommerce .widget_price_filter .price_slider_amount {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.woocommerce.widget_price_filter form .price_label {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;
    font-weight: 500;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    color: var(--text-color);
    margin-bottom: 10px;
    padding: 0 0 11px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 700;
}
.woocommerce.widget ul.product_list_widget li .star-rating {
    width: auto;
    display: block;
    margin: 9px 0 6px !important;
}
.woocommerce .star-rating::before {
    color: var(--videospire-yellow);
}
.woocommerce-Price-amount.amount {
    color: var(--ms-primary-color);
    font-weight: 600;
    font-size: var(--videospire-font18);
}
.woocommerce ul.product_list_widget li a img {
    margin: 0 20px 10px 0;
    height: 80px;
    width: 80px;
    object-fit: cover;
    float: left;
    border-radius: var(--videospire-radius0);
    border: 1px solid var(--videospire-border-color);
}
body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    border-radius: 30px;
    text-transform: capitalize;
   background-color: var(--ms-primary-color);
   color: var(--ms-white-color) !important;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 26px;
}
body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.woocommerce.widget ul li .product-title {
    color: var(--text-color);
    font-weight: 500;
}
.widget mark, .widget ins {
    background: transparent;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 3px;
}
body #yith-quick-view-content .onsale {
    right: auto;
    min-height: unset;
    min-width: 50px;
    margin: 0;
    background: var(--videospire-yellow);
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    color: var(--ms-white-color);
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    z-index: 1;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: var(--videospire-radius0);
}
.widget_product_tag_cloud .widget-title {
    margin-bottom: 30px;
}
.widget_product_tag_cloud {
    padding-bottom: 30px;
}
body .ms-product-thumb .star-rating::before, body .ms-product-thumb .star-rating span::before {
    letter-spacing: 6px;
}
/* Single Product Price CSS */
.woocommerce div.product .ms-product-summary-description .price, .woocommerce div.product .ms-product-summary-description .price .woocommerce-Price-amount {
    font-size: var(--videospire-title-size);
    font-weight: 700;
}
.toast.toast-success {
    background: green;
    box-shadow:none !important;
    opacity:1 !important;
}
.toast.toast-error {
    background: red;
    box-shadow:none !important;
    opacity:1 !important;
}
/* Sperate Widget Spacing Woocomerce */
.widget.widget_price_filter {
    margin-bottom: 46px;
}
.widget.widget_price_filter .widget-title {
    margin-bottom: 30px;
}
.widget.widget_rating_filter .widget-title {
    margin-bottom: 25px;
}
.widget .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message {
    margin: 0;
}
.widget.widget_product_search .woocommerce-product-search {
    margin-bottom: 7px;
}
.widget.widget_top_rated_products .widget-title {
    margin-bottom: 30px;
}
.woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child {
    margin: 0;
}
.widget.widget_products .widget-title {
    margin-bottom: 25px;
}
.widget.widget_products {
    padding-bottom: 8px;
}
.widget.widget_recent_reviews {
    margin-bottom: 28px;
}
.widget.widget_recent_reviews .widget-title {
    margin-bottom: 30px;
}
.widget.widget_top_rated_products {
    padding-bottom: 18px;
}
.widget.widget_recently_viewed_products .widget-title {
    margin-bottom: 30px;
}
.widget.widget_recently_viewed_products {
    padding-bottom: 8px;
}
.ms-shop-wrapper {
    background: var(--ms-light-bg-color);
}
.ms-shop-wrapper .ms-sidebar-wrapper {
    margin-bottom: 30px;
}
.ms-shop-wrapper .ms-blog-columns {
    margin-bottom: 50px;
}
.ms-blog-columns .woocommerce-info {
    margin-top: 40px;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
    display: none;
}
.wp-block-latest-comments__comment-author:hover, .wp-block-latest-comments__comment-author:hover, .wp-block-latest-posts.wp-block-latest-posts__list li a:hover, .wp-block-latest-posts.wp-block-latest-posts__list li a:hover {
    color: var(--ms-primary-color);
}
.woocommerce ul.product_list_widget li:before {
    content: unset;
}
.ms-header-style1 .woocommerce-mini-cart.cart_list li {
    margin-left: 0;
}
form.post-password-form p {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
form.post-password-form p>* {
    margin: 10px 0 0;
}
form.post-password-form p>input.ms-btn {
    max-width: 150px;
    width:100%;
   border-radius: 4px;
   background-image: linear-gradient(to right, #ff543e 0%, #ff0065 50%, #ff543e 100%);
   background-size: 200% auto;
   color: var(--ms-white-color);
   font-size: 16px;
   font-weight: 300;
   text-transform: capitalize;
   display: flex;
   justify-content: center;
   transition: all 0.5s;
   border: none;
}
.woocommerce p label.screen-reader-text, label.screen-reader-text {
    width: 1px;
}
.woocommerce-checkout .woocommerce-additionms-fields {
    margin: 0;
}
.wp-block-group.has-background~.more-link.ms-btn {
    margin: 20px 0 10px;
}
.entry-header .entry-title {
    margin-bottom: 0;
}
.entry-header .ms-post-meta {
    margin-top: 10px;
}
.ms-post-meta a {
    color: var(--ms-white-color);
}
.entry-header.ms-blog-head {
    margin: 0 0 18px;
}
.sticky-post {
    vertical-align: middle;
}
.single .entry-header .ms-post-meta {
    margin-top: 0px;
}
.alignright {
    clear: both;
    margin-top: 0.5em;
}
.woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
}
.yith-wcqv-wrapper .woocommerce-variation-add-to-cart .single_add_to_cart_button, .yith-wcqv-wrapper .woocommerce-variation-add-to-cart .product-qyt-wrapper {
    margin: 10px 0 0 !important;
}
.posted_in>*.al_meta_tag, .sku_wrapper>*.al_meta_tag, .posted_in>*.al_meta_tag:hover, .sku_wrapper>*.al_meta_tag:hover {
    background-color: transparent;
    padding: 0;
}
.is-style-rounded .wp-block-button__link.ms-btn {
    border-radius: 50px !important;
}
.al_product_filters .nice-select {
    min-width: 220px;
    padding: 0 40px 0 20px;
}
.al_product_filters .nice-select:after {
    right: 22px;
    border-bottom: 2px solid var(--text-color);
    border-right: 2px solid var(--text-color);
}
.al_product_filters .woocommerce-notices-wrapper .woocommerce-message {
    margin: 0 0 30px;
}
.al_product_filters .woocommerce-notices-wrapper {
    margin: 0;
}
.ms-page-columns .comments-area {
    margin-top: 34px;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p {
    color: var(--ms-light-grey-color);
}
.ms-header-wrapper.ms-header-style1 ul.sub-menu a {
   text-transform: uppercase;
}
/*Unit content */
body.single.single-post .ms-sidebar-wrapper {
   margin-bottom: 27px;
}
.widget.widget_recent_comments ul li.recentcomments:before {
    background-size: 50% !important;
    background: url(./../images/comments.svg) !important;
    background-repeat: no-repeat !important;
    width: 40px;
    height: 22px;
    top: 2px;
}
.woocommerce-account .woocommerce-MyAccount-content {
    padding: 0 15px;
    width: 70%;
}
.woocommerce-MyAccount-content p a {
    color: var(--ms-primary-color);
}
.wp-block-group.has-background {
    margin: 0 0 20px;
}
/* Thank You Page CSS */
.woocommerce-order-received .ms-main-page-container {
    padding: 75px 0 30px;
}
.woocommerce-order-received .ms-main-page-container .woocommerce-order-details__title, .woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
    font-size: var(--videospire-title-size);
    font-weight: 700;
    margin: 10px 0 0;
    color: var(--text-color);
    line-height: 1.4;
    margin-bottom: 19px;
}
.woocommerce-order-received .ms-main-page-container .woocommerce-thankyou-order-received {
    margin: 0 0 22px;
}
.woocommerce-order-received .ms-main-page-container .order_details li strong {
    margin-top: 3px;
}
.woocommerce-order-received .ms-main-page-container .woocommerce-order-overview {
    margin-bottom: 56px;
}
.woocommerce-order-received .woocommerce-order-details {
    margin-bottom: 40px;
}
/* Thumb Ratings */
body .ms-product-thumb .star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    width: 110px;
    font-family: star;
    display: block;
    margin: 8px 0 8px !important;
    float: none;
    font-size: var(--videospire-font-size);
}
.star-rating {
    font-size: var(--videospire-font-size);
}
.star-rating::before {
    content: "\73\73\73\73\73";
    color: var(--videospire-yellow);
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: var(--videospire-yellow);
}
/* Shop Page */
.al_product_filters {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 24px;
}
.al_product_filters .woocommerce-notices-wrapper {
    width: 100%;
}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
    margin: 0 0 10px;
    color: var(--ms-white-color);
}
.ms-products-container {
    width: 100%;
    display: inline-block;
}
.ms-large-product img {
    width: 100%;
}
body.woocommerce span.onsale, span.onsale {
    min-height: unset;
    min-width: 50px;
    margin: 0;
    background: var(--videospire-yellow);
    padding: 2px 0 0;
    position: absolute;
    left: 20px;
    top: 50px;
    color: var(--ms-white-color);
    width: 50px;
    height: auto;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    font-size: 10px;
    z-index: 1;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: var(--videospire-radius0);
}
body.woocommerce.single span.onsale {
    top: 20px;
}
.ms-new-prod-tag {
    min-height: unset;
    min-width: 50px;
    margin: 0;
    background: var(--ms-primary-color);
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    color: var(--ms-white-color);
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    z-index: 1;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: var(--videospire-radius0);
}
.ms-product-image:not(.ms-new-product) .onsale, .ms-product-image:not(.ms-new-product) body.woocommerce span.onsale {
    top: 20px;
}
.price mark, .price ins {
    background: transparent;
}
.price del, del {
    opacity: 1;
    color: var(--ms-light-grey-color);
}
code {
    font-size: 1em;
}
/* Pagination SHop */
body.woocommerce nav.woocommerce-pagination {
    width: 100%;
}
body.woocommerce .ms-shop-wrapper nav.woocommerce-pagination {
    margin-bottom: 0px;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers {
    display: flex;
    white-space: unset;
    padding: 0;
    clear: unset;
    border: none;
    margin: 0;
    flex-wrap: wrap;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    border: none;
    margin: 0;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers li>* {
    height: 40px;
    width: 40px;
    background: #2b3038;
    color: var(--ms-white-color);
    text-transform: capitalize;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: 6px;
    margin: 0 3px 0 0;
    padding: 0;
}
body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*.current, body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*:hover {
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
}
/* Shop Single Page */
body.woocommerce #respond input#submit.alt, body.woocommerce a.button.alt, body.woocommerce button.button.alt, body.woocommerce input.button.alt {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 20px 0;
    margin: 0 0 24px;
    border-bottom: none;
    display: inline-block;
    width: 100%;
    background: var(--ms-grey-bg-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: transparent;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--ms-primary-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 500;
    color: var(--ms-light-grey-color);
    padding: 13px 15px 14px;
    min-width: 120px;
    text-align: center;
    margin: 0;
    position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 0;
    background-color: var(--ms-primary-color);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
    width: 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--ms-primary-color);
}
.woocommerce-tabs ul.tabs li.active a {
    color: var(--ms-primary-color);
    border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before {
    content: unset;
}
.woocommerce-tabs.wc-tabs-wrapper {
    width: 100%;
}
.product_meta, .product_meta>span .al_meta_tag {
    font-weight: 600;
    color: var(--ms-white-color) !important;
    margin-left: 0;
}
.posted_in>*, .sku_wrapper>*, .tagged_as>* {
    text-transform: capitalize;
    background-color: var(--ms-bg-color);
    color: var(--ms-white-color) !important;
    border-radius: 4px;
    width: auto;
    display: inline-block;
    margin: 0 0 23px 10px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
}
.tagged_as>* {
    background-color: var(--ms-primary-color);
}
.product_meta .tagged_as>*.al_meta_tag {
    padding: 0;
    background: transparent;
    color: var(--text-color) !important;
    font-size: var(--videospire-font-size) !important;
    margin: 0;
    font-weight: 600;
}
.product_meta .tagged_as>* {
    margin: 0 0 10px 10px;
}
.posted_in>*:hover, .sku_wrapper>*:hover, .tagged_as>*:hover {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color) !important;
}
.product_meta>span {
    display: inline-block;
    width: 100%;
}
.posted_in>*, .sku_wrapper>*, .posted_in>*:hover, .sku_wrapper>*:hover {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.woocommerce div.product form.cart .button, body.woocommerce a.button, body.woocommerce button.button {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.woocommerce div.product form.cart .button:hover, body.woocommerce a.button:hover, body.woocommerce button.button:hover {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color);
}
body.woocommerce a.button:hover, body.woocommerce button.button:hover, body .checkout-button:hover {
    background-color: var(--ms-primary-color) !important;
    color: var(--ms-white-color) !important;
}
body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce a.button, body.woocommerce button.button, body .checkout-button, body .checkout-button:hover, body .checkout-button:before, body .checkout-button:hover:before {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 16px;
}
.woocommerce-mini-cart__buttons.buttons .button {
    min-width: 100px;
}
body .ms-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
    padding-left: 40px;
    font-weight: 500;
    text-transform: capitalize;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 5px 15px;
    margin: 0 0 30px;
    position: relative;
    background-color: var(--ms-grey-bg-color);
    color: var(--ms-white-color);
    border-top: none;
    list-style: none;
    border: none;
    border-left: 3px solid var(--ms-primary-color);
    border-radius: 4px;
    font-weight: 500;
    line-height:3;
}
.woocommerce-message a.restore-item {
    color: var(--ms-primary-color);
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    line-height: 1.5;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    content: unset;
}
.woocommerce p.stars.selected a:not(.active)::before, .woocommerce p.stars a::before {
    color: var(--videospire-yellow);
}
.woocommerce table.shop_attributes th {
    text-align: left;
    padding: 15px 20px;
    text-transform: capitalize;
}
.woocommerce table.shop_attributes td {
    text-align: left;
}
.woocommerce table.shop_attributes td {
    font-style: normal;
    padding: 10px 10px;
    border: 1px solid var(--ms-bg-color);
}
.woocommerce #review_form #respond form>p {
    margin: 0 0 25px;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent {
    margin: 28px 0 21px;
    cursor: pointer;
}
.return-to-shop {
    margin: 0;
}
.comment-form-cookies-consent input {
    display: none 
}
.comment-form-cookies-consent label {
    margin: 0;
    position: relative;
    padding-left: 30px;
    cursor: pointer 
}
.comment-form-cookies-consent label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--videospire-border-color);
    border-radius: 2px;
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.comment-form-cookies-consent label:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--ms-white-color);
    border-bottom: 2px solid var(--ms-white-color);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
    opacity: 0;
}
.comment-form-cookies-consent input:checked~label:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg) 
}
.comment-form-cookies-consent input:checked~label:before {
    background-color: var(--text-color);
    border: 1px solid transparent 
}
.comment-form-cookies-consent input:checked~label {
    color: var(--text-color);
}
.ms-product-tabs-wrapper {
    width: 100%;
}
.ms-large-product {
    text-align: center;
    padding: 0;
    border-radius: var(--videospire-radius0);
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.woocommerce div.product div.images {
    width: 100%;
}
.ms-single-product-page {
    padding: 80px 0 50px;
}
.woocommerce div.product form.cart.grouped_form table td, .woocommerce div.product form.cart.grouped_form table th {
    border: 1px solid var(--ms-bg-color);
    text-align: left;
    padding: 20px 10px;
}
.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ms-product-summary-description {
    margin-bottom: 60px;
}
body.single-product .product-qyt {
    display: inline-block;
    margin: 6px 20px 0px 0;
}
.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.product-qyt .quantity {
    display: flex;
    align-items: center;
    border: 1px solid var(--ms-bg-color);
    border-radius: var(--videospire-radius-comman);
    width: 160px;
    border-radius: 4px;
}
body button.minus, body button.plus, body button.minus:hover, body button.plus:hover {
    width: 50px;
    height: 40px;
    background: transparent;
    position: relative;
    outline: none;
    transition: 0.3s;
    color: var(--ms-primary-color);
    min-width: auto;
    padding: 0;
    font-size: var(--videospire-sub-title-size);
    line-height: 0;
    border-left: 0;
    border: none;
}
.woocommerce .quantity input[type="number"].qty {
    border: none;
    border-radius: 0;
    background: var(--ms-bg-color) !important;
    border-left: 1px solid var(--ms-bg-color) !important;
    border-right: 1px solid var(--ms-bg-color) !important;
    height: 48px;
    width: 60px;
    margin: auto 0;
    padding: 0 5px;
    text-align: center;
    line-height: 48px;
}
.woocommerce div.product form.cart div.quantity {
    margin-right: 20px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
    font-size: var(--videospire-sub-title-size);
    font-weight: 600;
    margin: 0 0 15px;
}
.woocommerce div.product .woocommerce-tabs .panel div#review_form .comment-reply-title {
    font-size: inherit;
    font-weight: 500;
}
.woocommerce div#review_form_wrapper #review_form #respond.comment-respond .form-submit {
    margin: 0 0 19px;
}
body.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li {
    background: var(--ms-grey-bg-color);
    padding: 30px 30px;
    margin: 0 0 20px;
    border-radius:4px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 100px;
    border: none;
    padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    top: 30px;
    left: 30px;
    padding: 0;
    width: 80px;
    border-radius: var(--videospire-circle-radius);
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: var(--videospire-font18);
    font-weight: 600;
    margin: 0 0 6px;
    color: var(--text-color);
    text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
    color: var(--ms-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--videospire-font-size);
    letter-spacing: .6px;
    position: relative;
}
body.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
    margin: 25px 0 10px;
}
.ms-product-summary-description .yith-wcwl-add-to-wishlist {
    margin: 0 0 20px;
}
.ms-product-summary-description .yith-wcwl-wishlistexistsbrowse a {
    color: var(--ms-primary-color);
    font-weight: 500;
    margin: 0 0 0 10px;
}
span.feedback {
    color: var(--ms-white-color);
}
/* Wishlist Page Style */
.woocommerce-wishlist .ms-main-page-container {
    padding: 80px 0 40px 0;
}
body.woocommerce-wishlist:not(.videospire-demo) .ms-main-page-container {
    padding: 80px 0 70px 0;
}
body.woocommerce-checkout:not(.videospire-demo) .ms-main-page-container {
    padding: 80px 0 50px 0;
}
body.woocommerce-cart:not(.videospire-demo) .ms-main-page-container {
    padding: 80px 0 50px 0;
}
.woocommerce table.shop_table.wishlist_view td.product-name .yith-wcqv-button {
    display: none !important;
}
table.wishlist_table {
    font-size: var(--videospire-font-size);
}
table.shop_table.cart.wishlist_table tbody.wishlist-items-wrapper .product-add-to-cart .add_to_cart {
    margin: 0 !important;
    padding: 12px 10px !important;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa {
    font-family: "Font Awesome 5 Brands";
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa-facebook:before {
    content: "\f39e";
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa-envelope-o:before {
    content: "\f0e0";
}
.yith-wcwl-share li a {
    min-width: 30px;
    min-height: 30px;
    border-radius: var(--videospire-circle-radius);
    height: 40px;
    padding: 0;
    width: 40px;
    line-height: 40px;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa.fa-envelope-o {
    font: normal normal normal 14px/1 FontAwesome;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section {
    color: var(--ms-primary-color);
}
.ms-product-info .yith-wcwl-add-to-wishlist {
    display: none;
}
.wishlist-title-container {
    display: none;
}
table.wishlist_table tbody td, table.wishlist_table thead th {
    border-color: var(--videospire-border-color);
}
/* Related Products */
.ms-related-product-wrapper {
    width: 100%;
    padding: 58px 0 13px;
    border-top: 1px solid var(--ms-bg-color);
    margin-top: 40px;
    position: relative;
}
.ms-related-product-wrapper .container {
    padding: 0px;
}
.ms-related-product-wrapper h4 {
    font-weight: 700;
}
.ms-related-product-wrapper .ms-heading-wrap>div {
    margin-bottom: 44px;
    color: var(--ms-light-grey-color);
}
.ms-related-product-swiper .ms-product-thumb {
    margin: 0 0 16px;
}
.ms-related-product-wrapper .ms-heading-wrap>div .ms-heading {
    font-size: var(--videospire-title-size);
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    background: var(--ms-bg-color);
    padding-right: 20px;
    margin: 0 0 10px;
    color: var(--ms-white-color);
    padding: 15px 0;
}
/* Cart Single Page */
.woocommerce-cart .ms-main-page-container {
    padding: 0px 0 21px 0;
}
.woocommerce table.shop_table {
    border: none;
    margin: 10px 0 40px;
    border-radius: 0;
    border-spacing: 0 0;
    border-bottom: 1px solid var(--ms-bg-color);
    border-right: 1px solid var(--ms-bg-color);
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td {
    border-bottom: 0;
    text-align: left;
    border-right: 0;
}
.woocommerce-page .cart-collaterals .cart_totals table.shop_table {
    border: 1px solid var(--ms-bg-color);
    border-top: 0;
}
.woocommerce-cart .ms-blog-columns {
    margin-bottom: 43px;
}
.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
    margin: 0;
}
.woocommerce table.shop_table td {
    border-color: var(--videospire-border-color);
}
.woocommerce a.remove {
    display: block;
    font-size: 18px;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 100%;
    color: var(--ms-white-color) !important;
    text-decoration: none;
    font-weight: 500;
    border: 0;
    background: var(--ms-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin:auto;
}
.woocommerce a.remove:hover {
    background: var(--ms-primary-color) !important;
}
.woocommerce-cart #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
td.product-name a, .woocommerce table.shop_table td a {
    font-weight: 500;
    color: var(--text-color);
}
.woocommerce table.cart td.actions .coupon {
    margin-bottom: 0;
    float: left !important;
}
.cart-collaterals .cart_totals h2 {
    font-size: var(--videospire-title-size);
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
    border: 1px solid var(--ms-bg-color);
    padding: 20px;
}
.cart-collaterals .cart_totals table th {
    padding: 20px;
    text-transform: capitalize;
    border: 1px solid var(--ms-bg-color);
    border-top: none;
    max-width: 100%;
    color: var(--text-color);
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
    padding: 20px;
    text-transform: capitalize;
    max-width: 100%;
    border: 1px solid var(--ms-bg-color) !important;
}
body .woocommerce .checkout-button {
    width: 100%;
    line-height: 30px !important;
}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
    padding: 24px 0 0;
}
body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field textarea#order_comments {
    height: 150px;
    padding: 20px;
    background: var(--ms-light-bg-color);
    border: 1px solid var(--ms-bg-color);
}
.woocommerce table.cart td.actions .coupon input#coupon_code {
    width: calc(100% - 170px);
    max-width: 200px;
    padding: 0 20px;
    margin: 0;
    border-radius: var(--videospire-radius0);
    border-radius: 4px 0 0 4px;
}
.woocommerce table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button {
    min-width: 150px;
    font-size: var(--videospire-font-size);
    font-weight: 500;
    color: var(--ms-white-color);
    min-height: 50px;
    border: none;
    border-radius: var(--videospire-radius0);
    border-radius: 0 4px 4px 0;
    display: block;
}
.woocommerce table.cart td.actions .coupon button.button:hover, .woocommerce table.cart td.actions .coupon button.button:hover {
    color: var(--ms-white-color);
    background: var(--ms-primary-color);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    min-width: 150px;
    min-height: 50px;
    font-size: 16px;
    font-weight: 500;
    color: var(--ms-white-color);
    background-image: linear-gradient(to right, #ff543e 0%, #ff0065 50%, #ff543e 100%);
    background-size: 200% auto;
    border: none !important;
    border-radius: 4px;
    line-height: 50px;
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
    text-transform: capitalize;
    transition: all 0.5s;
}
.cart_totals a.ms-btn {
    font-size: 16px !important;
    max-width: 100% !important;
}
 .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
     background-image: linear-gradient(to right, #ff0065 0%, #ff543e 50%, #ff0065 100%) !important;
     background-position: right center !important;
     color: var(--ms-white-color) !important;
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    cursor: not-allowed;
    opacity: .5;
    padding: 0 20px;
    min-width: 170px;
    font-size: var(--videospire-font-size);
    font-weight: 500;
    color: var(--ms-white-color);
    min-height: 50px;
    border: none;
    border-radius: 4px;
}
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
    color: var(--ms-white-color);
    background: var(--ms-primary-color);
}
table th, .wp-block-calendar th {
    border-color: rgb(255 255 255 / 18%);
}
/* Checkout Single Page */
.woocommerce-checkout .ms-main-page-container .ms-page-columns {
    margin-bottom: 45px;
}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
    width: calc(100% - 170px);
    display: flex;
    flex-wrap: wrap;
}
.woocommerce form.checkout_coupon .form-row.form-row-last {
    width: 170px;
    display: inline-block;
}
.woocommerce-checkout-review-order .form-row.place-order {
    margin: 0 0 0;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
    width: 100%;
    padding: 0;
}
.woocommerce p label {
    width: 100%;
    text-transform: capitalize;
}
.woocommerce-input-wrapper {
    width: 100%;
    display: inline-block;
}
span.woocommerce-input-wrapper input {
    color: var(--ms-light-grey-color)!important;
}
span.woocommerce-input-wrapper textarea::placeholder {
    color: var(--ms-light-grey-color)!important;
}
.select2-container .select2-selection--single {
    width: 100%;
    height: 50px;
    border: 1px solid var(--ms-bg-color);
    border-radius: 4px;
    outline: none;
    background: var(--ms-semi-dark-color);
}
.select2-container.select2-container--above.select2-container--open .select2-selection--single {
    border-color: var(--ms-primary-color);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    right: 15px;
}
.woocommerce div.product form.cart .group_table td, .woocommerce div.product form.cart .group_table th {
    vertical-align: middle;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--ms-light-bg-color) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--ms-light-grey-color) !important;
    padding:10px 12px;
}
body .select2-dropdown {
    background-color: var(--ms-grey-bg-color)!important;
    border: none;
    border-radius: 4px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--videospire-border-color);
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--ms-light-bg-color);
    border-radius: 4px;
}
body .select2-results {
    padding: 0 0 0 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--ms-primary-color);
    color: var(--ms-light-grey-color);
}
.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    color: var(--ms-light-grey-color);
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--videospire-alternate-bg);
}
.woocommerce form .form-row label {
    font-weight: 600;
    color: var(--ms-light-grey-color);
    margin: 0px 0 8px 0;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 0 15px;
    border: 1px solid var(--ms-bg-color);
}
body.woocommerce-checkout .woocommerce form>div>div p {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}
body.woocommerce-checkout .woocommerce form>div>div .woocommerce-privacy-policy-text .woocommerce-privacy-policy-link {
    font-weight: 500;
}
#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-color: var(--videospire-border-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-bg-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-bg-color);
}
form.woocommerce-EditAccountForm fieldset legend, .woocommerce-billing-fields h3, .woocommerce-additionms-fields h3, h3#order_review_heading {
    font-size: var(--videospire-sub-title-size);
    font-weight: 600;
    text-transform: capitalize;
    margin: 0px 0 20px;
    display: inline-block;
    width: 100%;
}
.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-bg-color);
}
body.woocommerce-checkout .woocommerce form>div>div, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
    width: 100%;
    padding: 0;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 0 0 30px;
    border-bottom: none;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0;
}
.woocommerce-privacy-policy-text {
    margin: 13px 0 34px;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: 1px solid var(--ms-bg-color);
}
.woocommerce table.shop_table td {
    color: var(--ms-light-grey-color);
    font-weight: 400;
    border: 1px solid var(--ms-bg-color);
}
td.product-price ins {
    background: transparent;
}
.woocommerce-privacy-policy-text p {
    margin: 0;
}
.woocommerce-additionms-fields {
    margin: 0 0 45px;
    display: inline-block;
    width: 100%;
}
body .woocommerce-additionms-fields .woocommerce-additionms-fields__field-wrapper p#order_comments_field {
    margin: 0;
}
body .woocommerce-additionms-fields .woocommerce-additionms-fields__field-wrapper p#order_comments_field textarea#order_comments {
    height: 150px;
    padding: 20px;
}
.woocommerce-additionms-fields h3 {
    margin: 0 0 15px;
}
.woocommerce-billing-fields__field-wrapper {
    margin: 0 0 45px;
}
.woocommerce-billing-fields h3 {
    margin: 0 0 15px;
}
.woocommerce-info a.showcoupon {
    color: var(--ms-primary-color);
    font-weight: 500;
}
.woocommerce-info a.showcoupon:hover, .woocommerce-info a.showcoupon:focus, .woocommerce-info a.showcoupon:visited{
    color: var(--ms-primary-color);
}
.woocommerce form.checkout_coupon {
    padding: 26px 30px 24px;
    margin: 0 0 45px;
    text-align: left;
    border-radius: 4px;
    background: var(--ms-grey-bg-color);
    border: none;
    display: flex;
    flex-wrap: wrap;
}
.woocommerce-form-coupon-toggle {
    margin-bottom: 10px;
}
.woocommerce form.checkout_coupon p, .woocommerce form.login p, .woocommerce form.register p {
    padding: 0;
}
.woocommerce form.checkout_coupon p button.button {
    border-radius: 0px 4px 4px 0px;
    height: 60px;
}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first input#coupon_code {
   border-radius: 4px 0px 0px 4px;
}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first input#coupon_code::placeholder{
    color:var(--ms-text-color);
}
/* Login */
.woocommerce form.login {
    padding: 21px 30px 30px;
    margin: 0 0 -11px;
    text-align: left;
    border-radius: 4px;
    background: var(--ms-bg-color);
    border: none;
    display: flex;
    flex-wrap: wrap;
}
.woocommerce form.login>p, .woocommerce form.register>p {
    width: 100%;
    margin: 0 0 21px;
    padding: 0;
}
.woocommerce form.login .password-input, .woocommerce form.register .password-input {
    width: 100%;
}
.ms-login-bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 7px 0 26px;
    color: var(--text-color);
}
.ms-login-bottom a {
    color: var(--text-color);
}
.ms-login-bottom a:hover {
    color: var(--ms-primary-color);
}
.ms-login-bottom>span {
    margin: 0 0 10px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin: 0;
    cursor: pointer;
}
.ms-remember-pswrd input {
    display: none 
}
.ms-remember-pswrd span {
    margin: 0;
    position: relative;
    padding-left: 30px;
    cursor: pointer 
}
.ms-remember-pswrd span:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--videospire-border-color);
    border-radius: 2px;
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.ms-remember-pswrd span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--ms-white-color);
    border-bottom: 2px solid var(--ms-white-color);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
    opacity: 0;
}
.ms-remember-pswrd input:checked~span:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg) 
}
.ms-remember-pswrd input:checked~span:before {
    background-color: var(--text-color);
    border: 1px solid transparent 
}
.ms-remember-pswrd input:checked~span {
    color: var(--text-color);
}
pre {
    font-size: 14px;
    color: var(--ms-white-color);
    background: var(--ms-primary-color);
}
pre {
    background: var(--ms-grey-bg-color);
}
.wp-block-code {
    border: none;
}
.wp-block-table .has-fixed-layout {
    background: var(--ms-dark-bg-color);
}
.has-fixed-layout td {
    color: var(--text-color);
}
.wp-block-table.is-style-stripes {
    border-bottom: 1px solid var(--ms-bg-color);
}
/* Register Page */
.woocommerce form.register {
    padding: 26px 30px 21px;
    margin: 0 0 45px;
    text-align: left;
    border-radius: var(--videospire-radius0);
    background: var(--ms-white-color);
    background: var(--videospire-alternate-bg);
    box-shadow: var(--videospire-shadow);
    border: none;
    display: flex;
    flex-wrap: wrap;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    right: 20px;
    top: 14px;
}
.woocommerce form.register .woocommerce-privacy-policy-text~.woocommerce-form-row.form-row {
    margin: 0 0 9px;
}
/*Lost Password*/
.woocommerce .woocommerce-ResetPassword {
   padding: 25px 30px 30px;
   margin: 0 0 0px;
   text-align: left;
   border-radius: 4px;
   background: var(--ms-grey-bg-color);
   border: none;
   display: flex;
   flex-wrap: wrap;
}
.woocommerce .woocommerce-ResetPassword>p {
   width: 100%;
   margin: 0 0 4px;
   padding: 0;
   color: var(--ms-white-color);
}
.woocommerce .woocommerce-ResetPassword>.woocommerce-form-row.woocommerce-form-row--first {
    margin: 0 0 40px;
}
/* My Account */
body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation {
    padding: 0 15px;
}
body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
    margin-bottom: 20px;
    border: 1px solid var(--ms-bg-color);
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
}
nav.woocommerce-MyAccount-navigation ul li a:hover, nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--ms-primary-color);
    border-color: var(--ms-primary-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-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 15px;
    text-transform: uppercase;
}
.woocommerce-account .addresses .title .edit {
    color: var(--ms-primary-color);
}
.woocommerce-account .woocommerce-MyAccount-content h3 {
    margin-bottom: 20px;
}
.woocommerce-account .woocommerce span.password-input {
    width: 100%;
}
.woocommerce table.my_account_orders th {
    padding: 12px 10px;
}
.woocommerce table.shop_table td a.button {
    color: var(--ms-white-color);
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, body .woocommerce-noreviews a, body .no-comments a {
    min-width: unset !important;
    background-color: transparent !important;
    background: transparent !important;
    color: var(--ms-primary-color) !important;
    text-transform: capitalize !important;
    outline: none !important;
    padding: 5px 0 0 0 !important;
    cursor: pointer !important;
    font-size: var(--videospire-font-size) !important;
    border-radius: 0 !important;
    min-height: unset !important;
    line-height: 3;
    box-shadow: none !important;
}
.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover, body .woocommerce-noreviews a:hover, body .no-comments a:hover {
    color: var(--text-color) !important;
    background: transparent !important;
}
.woocommerce .woocommerce-error .button:before, .woocommerce .woocommerce-info .button:before, .woocommerce .woocommerce-message .button:before, .woocommerce-page .woocommerce-error .button:before, .woocommerce-page .woocommerce-info .button:before, .woocommerce-page .woocommerce-message .button:before, body .woocommerce-noreviews a:before, body .no-comments a:before {
    content: unset !important;
}
.woocommerce-account .woocommerce-MyAccount-content button.button {
    margin-top: 30px;
}
/* Blog Thumbs Page CSS */
.ms-blog-thumb-page-wrapper {
    padding: 80px 0 23px;
}
.ms-blog-thumb-page-wrapper .ms-blog-img img {
    max-height: 430px;
    min-width: 100%;
}
#yith-quick-view-modal .yith-wcqv-wrapper {
    height: auto !important;
    max-height: initial !important;
}
#yith-quick-view-modal {
    overflow: auto;
}
.yith-wcqv-wrapper {
    margin: 50px 0 20px 0;
}
.ms-product-hover ul li span {
    margin: 0 0 0 4px;
}
.videospire-demo .widget.widget_categories ul {
    margin: 0;
}
/* Swiper Bullets */
.ms-bullets {
    left: 0;
    bottom: 40px;
    width: 100%;
    position: unset;
    margin: 31px 0 0;
}
.ms-bullets .swiper-pagination-bullet {
    height: 9px;
    width: 9px;
    background-color: var(--ms-white-color);
    border-radius: 100%;
    margin: 0;
    cursor: pointer;
    opacity: 1;
}
.ms-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--ms-primary-color);
}
.ms-bullets span {
    margin: 0 8px;
}
.ms-swiper-nav>div {
    width: 60px;
    height: 50px;
    background: var(--videospire-alternate-bg);
    line-height: 50px;
    text-align: center;
    position: relative;
}
.ms-swiper-nav>div:hover {
    background: var(--ms-primary-color);
}
.ms-swiper-nav>div svg {
    height: 12px;
    margin: 0 0 3px;
    fill: var(--ms-white-color);
}
.ms-swiper-nav>div.ms-nav-prev:after, .ms-swiper-nav>div.ms-nav-prev:before {
    content: '';
    position: absolute;
    left: 100%;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 15px solid var(--videospire-alternate-bg);
}
.ms-swiper-nav>div.ms-nav-prev:before {
    left: auto;
    right: 100%;
    border-left: none;
    border-right: 15px solid var(--videospire-alternate-bg);
}
.ms-swiper-nav>div.ms-nav-prev:hover {
    background: var(--ms-primary-color);
}
.ms-swiper-nav>div.ms-nav-prev:hover:before {
    border-right-color: var(--ms-primary-color);
}
.ms-swiper-nav>div.ms-nav-prev:hover:after {
    border-left-color: var(--ms-primary-color);
}
.ms-swiper-nav>div.ms-nav-next:after, .ms-swiper-nav>div.ms-nav-next:before {
    content: '';
    position: absolute;
    left: 100%;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 15px solid var(--videospire-alternate-bg);
}
.ms-swiper-nav>div.ms-nav-next:before {
    left: auto;
    right: 100%;
    border-left: none;
    border-right: 15px solid var(--videospire-alternate-bg);
}
.ms-swiper-nav>div.ms-nav-next:hover {
    background: var(--ms-primary-color);
}
.ms-swiper-nav>div.ms-nav-next:hover:before {
    border-right-color: var(--ms-primary-color);
}
.ms-swiper-nav>div.ms-nav-next:hover:after {
    border-left-color: var(--ms-primary-color);
}
.ms-swiper-nav>div, .ms-swiper-nav>div * {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.ms-swiper-nav>div.ms-nav-prev b {
    margin: 0 0 0 5px;
}
.ms-swiper-nav>div.ms-nav-next b {
    margin: 0 5px 0 0;
}
.ms-swiper-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    bottom: 31px;
    top: 0;
    margin: auto;
    left: -100px;
    right: -100px;
    align-items: center;
}
/* Link CSS */
.ms-link {
    text-transform: uppercase;
    font-size: var(--videospire-font14);
    color: var(--ms-primary-color) !important;
    letter-spacing: 0.6px;
    padding: 0 0 3px;
    position: relative;
    display: inline-block;
}
.ms-link:before {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--ms-primary-color);
    bottom: 0;
    left: 0;
    right: 0;
}
.ms-link:after {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--ms-white-color);
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    z-index: 1;
}
.ms-link:hover:after {
    width: 100%;
}
.ms-link:hover:after, .ms-link:hover, .ms-link:after, .ms-link {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.ms-link:hover {
    color: var(--ms-white-color) !important;
}
/* Demo Footer */
.ms-footer-widget .menu {
    padding: 0;
}
.ms-footer-widget .menu li {
    list-style: none;
    position: relative;
    padding: 0 0 0 15px;
}
.ms-footer-widget .menu li:last-child {
    margin: 0;
}
.ms-footer-widget .menu li span {
    position: absolute;
    left: 0;
}
/* Footer Spcer */
.ms-foooter-spacer {
    padding: 0;
}
.ms-foooter-spacer .ms-copyright-wrapper {
    margin: 0;
}
/* Unit Content CHANGES */
.hide {
    display: none !important;
}
body:not(.videospire-demo) .ms-single-blog {
   background: var(--ms-light-bg-color);
    padding-top: 80px;
}
.ms-main-post-wrapper {
    background: var(--ms-light-bg-color);
    padding: 80px 0;
}
body.archive.videospire-demo .ms-main-post-wrapper {
    padding: 0;
}
.ms-search-wrapper {
    padding-top: 80px;
    background: var(--ms-bg-color) !important;
}
/* Widgets */
.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-bg-color);
    font-weight: 600;
    padding-bottom: 12px;
}
.wp-block-categories li:last-child, .wp-block-archives li:last-child, .widget_nav_menu ul li:last-child, .widget_pages ul li:last-child, .widget_archive ul li:last-child, .widget_categories ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.ms-footer-widgets ul.sub-menu {
    padding-left: 8px;
}
body:not(.videospire-demo) .ms-footer-wrapper .ms-footer-widgets {
    margin-bottom: 23px;
}
body:not(.videospire-demo) .ms-footer-wrapper .widget:last-of-type {
    margin-top: 0;
}
.woocommerce table.shop_table thead th, table thead th, table th {
    color: var(--ms-white-color);
    background: var(--ms-grey-bg-color);
    font-weight: 500;
    border: 1px solid var(--ms-bg-color);
}
code {
    line-height: 1.8em;
    color: var(--ms-white-color);
    background-color: var(--ms-primary-color);
    padding: 3px 8px;
    border-radius: 5px;
}
.wp-block-code code {
    background: transparent;
}
p.wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.calendar_wrap nav.wp-calendar-nav {
    font-weight: 500;
}
.ms-categories-tags .cat-links, .ms-categories-tags .tags-links {
    display: flex;
    flex-wrap: wrap;
}
.ms-categories-tags .tags-links .ms-blog-tags {
    margin: 5px 15px 0 0;
}
.ms-categories-tags .cat-links .ms-blog-Posted {
    margin: 6px 15px 0 0;
}
h3#reply-title.comment-reply-title small a {
    font-family: var(--videospire-globms-family);
    text-transform: capitalize;
}
.wp-block-latest-comments__comment-excerpt p {
    font-size: 14px;
}
.nice-select .current {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    padding-right: 20px;
    display: inline-block;
    color:var(--ms-light-grey-color);
}
.nice-select .option {
    color:var(--ms-light-grey-color);
}
.nice-select li.option.selected.focus {
    color: var(--ms-white-color);
}
.nice-select .option {
    padding-bottom: 0;
    color: var(--ms-light-grey-color);
    border-bottom: 1px solid var(--ms-grey-bg-color);
    margin-bottom: 0px;
}
table th a {
    color: var(--ms-white-color);
}
.wp-block-table td, .wp-block-table th {
    border-color: var(--ms-text-color);
}
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: var(--ms-primary-color);
    text-transform:capitalize;
}
.videospire-demo .widget.widget_tag_cloud .tagcloud a, .videospire-demo .wp-block-tag-cloud .tag-cloud-link, .videospire-demo .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    font-size: 14px !important;
}
.ms-faq-wrapper .card button.btn.btn-link:not(.collapsed) {
    color: var(--ms-primary-color);
}
.woocommerce table.cart td.actions .coupon input#coupon_code {
    height: 50px;
    border: 1px solid var(--ms-bg-color);
}
.woocommerce table.cart td.actions .coupon input#coupon_code::placeholder{
    color: var(--ms-light-grey-color);
}
.woocommerce .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals th {
    background: transparent;
    color: var(--ms-light-grey-color);
}
.woocommerce-checkout .woocommerce table.shop_table tfoot th {
    color: var(--text-color);
    background: transparent;
}
.woocommerce-checkout .woocommerce table.shop_table tfoot th {
    border-color: var(--ms-bg-color);
}
.woocommerce-checkout .woocommerce table.shop_table tfoot tr.order-total th {
    border-top: 1px solid var(--ms-bg-color) !important;
}
/* Twitter Widget Style */
.ms-footer-content {
    display: flex;
    flex-wrap: wrap;
}
.ms-footer-content .ms-footer-icon {
    width: 20px;
}
.ms-footer-content .ms-footer-text {
    width: calc(100% - 20px);
    padding-left: 10px;
}
.ms-footer-content .ms-footer-icon svg {
    height: 12px;
    fill: var(--ms-primary-color);
}
.widget-twitter-feed ul li {
    padding: 0;
}
.widget-twitter-feed ul li:before {
    content: unset;
}
.ms-footer-content .ms-footer-text p {
    margin: 0;
}
.widget-twitter-feed ul li h6 a {
    display: inline-block;
    width: 100%;
    color: var(--ms-primary-color);
    margin: 10px 0 10px;
    text-transform: lowercase;
}
.ms-footer-content .ms-footer-text .ms-date-footer {
    font-size: 14px;
    color: var(--ms-primary-color);
}
/* Select 2 */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    content: '';
    display: block;
    height: 5px;
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate( 45deg);
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
    right: 22px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--text-color);
    border-right: 2px solid var(--text-color);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: var(--text-color);
    border-width: 2px;
    -webkit-transform: rotate( -135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate( -135deg);
}
.widget_categories .nice-select ul li:last-child.option {
    padding-bottom: 10px;
}
.wp-block-group.has-background~.more-link.ms-btn {
    margin-top: 0;
    margin-bottom: 20px;
}
blockquote a code {
    color: var(--ms-white-color);
    background-color: var(--ms-primary-color);
}
.videospire-demo .widget_tag_cloud {
    margin-bottom: 70px;
}
.ms-footer-widget .menu li a span svg {
    display: none;
}
.ms-footer-widget .menu li span {
    position: absolute;
    left: 0;
    height: 5px;
    width: 5px;
    border-radius: 0%;
    background: var(--ms-primary-color);
    top: 8px;
}
.ms-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove.remove_from_cart_button {
    top: 20px;
}
.ms-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item img.attachment-woocommerce_thumbnail {
    margin-top: 2px;
}
.ms-sidebar-wrapper .price_slider_amount {
    margin-bottom: 29px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    padding: 0 0 1px;
    list-style: none;
    border-bottom: 1px solid var(--videospire-border-color);
    font-weight: 600;
    padding-bottom: 12px;
    padding-left: 18px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count {
    float: right;
    color: var(--ms-primary-color);
}
.widget .product-categories li {
    border-bottom: 1px solid var(--videospire-border-color);
    font-weight: 600;
    padding-bottom: 12px;
    padding-left: 18px;
}
.widget .product-categories li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0px;
}
body .widget.widget_archive ul:not(.list) li, body .widget.widget_categories ul:not(.list) li {
    color: var(--ms-light-grey-color);
}
.widget-list-count:before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count:before {
    content: "(";
}
.widget-list-count:after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count:after {
    content: ")";
}
.entry-content .wp-block-archives-list li .widget-list-count {
    float: right;
}
/* Widget Box Start */
.ms-sidebar-wrapper .widget {
    background: var(--ms-grey-bg-color);
    margin: 0 0 30px;
    padding: 39px 30px 40px;
    border: 1px solid var(--ms-bg-color);
    border-radius: 6px;
}
.ms-sidebar-wrapper .widget.widget_calendar {
    padding-bottom: 21px;
}
.ms-sidebar-wrapper .widget.widget_categories>ul {
    margin: 0;
}
.ms-sidebar-wrapper .widget.widget_categories .nice-select {
    margin-bottom: 0;
}
.ms-sidebar-wrapper .widget.widget_pages {
    padding-bottom: 33px;
}
.ms-sidebar-wrapper .widget.widget_meta {
    padding-bottom: 33px;
}
.ms-sidebar-wrapper .widget.widget_recent_entries {
    padding-bottom: 33px;
}
.ms-sidebar-wrapper .widget.widget_rss {
    padding-bottom: 33px;
}
.ms-sidebar-wrapper .widget.widget_recent_comments ul li:last-of-type {
    margin-bottom: 23px;
}
.ms-sidebar-wrapper .widget.widget_search {
    padding: 40px 30px 40px;
}
body .ms-sidebar-wrapper .widget.widget_text .nice-select {
    margin-bottom: 0;
}
.wp-caption .wp-caption-text {
    color: var(--ms-light-grey-color);
}
.ms-sidebar-wrapper .widget_tag_cloud {
    padding-bottom: 30px;
}
.ms-sidebar-wrapper .widget.widget_nav_menu {
    padding-bottom: 33px;
}
/* Woo Widgets */
body .ms-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
    padding-left: 20px;
}
.ms-sidebar-wrapper .widget.widget_shopping_cart {
    padding-bottom: 18px;
}
.ms-sidebar-wrapper .widget.widget_price_filter {
    padding-bottom: 11px;
}
.ms-sidebar-wrapper .widget.widget_product_tag_cloud {
    padding: 35px 30px 30px;
}
.ms-sidebar-wrapper .widget.widget_products {
    padding-bottom: 19px;
}
.ms-sidebar-wrapper .widget.widget_product_categories {
    padding-bottom: 34px;
}
/* Cat sub menu spacing */
body .widget.widget_categories .children {
    margin-top: 12px;
}
body .widget.widget_categories .children:last-of-type {
    margin-bottom: 0;
}
.widget .nice-select .list li:last-child, .widget .nice-select .list li:last-child {
    padding-bottom: 10px;
}
/* FOOTER SIDEBAR WIDGET*/
/* RECENT POST*/
.ms-sidebar-wrapper .ms-recent-post-widgets.widget {
    padding: 39px 30px 0px;
}
.ms-sidebar-wrapper .ms-recent-post-widgets.widget .widget-title {
    font-size: var(--videospire-widgets-title-size);
    font-weight: 700;
    color: var(--ms-white-color);
    margin: 0px 0 25px;
    position: relative;
    display: inline-block;
}
/* NEWSLETTER INFO */
.ms-sidebar-wrapper .widget_miraculous-widget-newslatter {
    background: #fcfcfc;
    margin: 0 0 30px;
    padding: 35px 30px 40px;
    border: 1px solid var(--videospire-border-color);
    border-radius: 6px;
}
.ms-sidebar-wrapper .widget_miraculous-widget-newslatter .ms-newsletter-title {
    font-size: var(--videospire-widgets-title-size);
    font-weight: 700;
    color: var(--text-color);
    margin: 0px 0 25px;
    position: relative;
    padding: 0 0 12px;
    display: inline-block;
}
.ms-sidebar-wrapper .widget_miraculous-widget-newslatter .ms-newsletter-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: var(--ms-primary-color);
    width: 85%;
    margin: 0;
    top: unset;
}
.ms-sidebar-wrapper .widget_miraculous-widget-newslatter .ms-footer-newsletter-inner input {
    background: var(--videospire-input-bg);
    border: 1px solid var(--videospire-border-color);
}
/* FOOTER SIDEBAR WIDGET*/
/**** 5. Demo CSS Start ****/
/* Blog Thumb CSS Start */
.ms-blog-wrapper {
    padding-bottom: 50px;
}
.ms-blog-wrapper .row {
    justify-content: center;
}
.blog-style-one p {
    margin-bottom: 18px;
}
.ms-blog-img {
    display: inline-block;
    width: 100%;
}
.ms-blog-img img {
    max-height: 240px;
    width: 100%;
    min-width: 240px;
    object-fit: cover;
}
.ms-blog-data ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.ms-sm-icon svg {
    fill: var(--ms-primary-color);
    height: 15px;
}
.ms-blog-data ul li .ms-sm-icon {
    margin: 0 3px 0 0;
    vertical-align: top;
}
.ms-blog-single-imgae {
    position: relative;
    width: 100%;
}
.single .ms-blog-single-imgae .post-thumbnail img {
    width: 100%;
}
.ms-blog-title {
    font-size: var(--videospire-sub-title-size);
    font-weight: 600;
    color: var(--text-color);
    line-height: 1.5;
    margin: 0 0 6px;
}
.ms-blog-thumb-page-wrapper .ms-blog-details .ms-blog-title {
    font-size: var(--videospire-sub-title-size);
    margin: 0 0 5px;
}
.ms-blog-wrapper .ms-blog-title {
    font-size: var(--videospire-widgets-title-size);
    margin: 0px 0 7px;
}
.ms-blog-data {
    margin: 7px 0 4px;
}
.ms-blog-thumb-page-wrapper .ms-blog-details .ms-blog-data {
    margin: 10px 0 20px;
}
.ms-blog-wrapper .ms-blog-data {
    margin: 9px 0 15px;
}
.ms-blog-columns .ms-blog-thumb-section .ms-blog-details .ms-read-more-link {
    margin-top: 10px;
}
.ms-blog-data a {
    font-weight: 500;
    text-transform: capitalize;
}
.ms-read-more-link, .ms-read-more-link:visited, .ms-read-more-link:hover, .ms-read-more-link:focus {
    color: var(--ms-primary-color);
}
.edit-btn-read-more-wrap .ms-read-more-link .ms-arrow {
    margin-bottom: 1px;
}
.ms-blog-details .ms-read-more-link:visited {
    color: var(--ms-primary-color);
}
.ms-blog-single-data {
    width: 100%;
}
.ms-blog-img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.ms-blog-title:hover {
    color: var(--ms-primary-color);
}
.ms-blog-title:hover, .ms-blog-title {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.ms-blog-img-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 24px;
}
/* Blog Overlay */
.ms-blog-image {
    position: relative;
}
.ms-blog-info-content {
    z-index: 2;
}
.ms-blog-image a {
    width: 100%;
}
.ms-banner-grid-news-row .ms-blog-category {
    text-transform: uppercase !important;
    font-size: 10px;
}
.ms-recent-post-widgets ul li {
    margin: 0 0 10px;
    padding: 0;
}
.ms-recent-post-widgets ul li:before {
    content: unset;
}
.ms-recent-post-widgets ul li:last-child {
    margin: 0 0 30px;
}
.ms-blog-thumb-section {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border: 1px solid var(--videospire-border-color);
    padding: 0;
    position: relative;
}
.ms-blog-thumb-section:hover {
    border-color: var(--ms-primary-color);
}
.ms-blog-thumb-section:hover .ms-blog-img-inner img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.ms-blog-thumb-section:hover, .ms-blog-thumb-section, .ms-blog-thumb-section:hover .ms-blog-img-inner img, .ms-blog-thumb-section .ms-blog-img-inner img {
    -webkit-transition: var(--videospire-transition);
    -moz-transition: var(--videospire-transition);
    -ms-transition: var(--videospire-transition);
    -o-transition: var(--videospire-transition);
    transition: var(--videospire-transition);
}
.ms-blog-thumb-page-wrapper .ms-blog-details p {
    margin-bottom: 8px;
}
.ms-product-slider-wrapper .ms-bullets {
    margin: 2px 0 36px;
}
.ms-product-slider-wrapper .ms-swiper-nav {
    bottom: -31px;
}
.ms-product-slider-wrapper .ms-swiper-nav {
    display: none;
}
#yith-quick-view-modal .yith-wcqv-main {
    background: var(--ms-grey-bg-color);
}
.post, .page {
    margin-bottom: 0px;
}
.woocommerce-checkout #payment div.payment_box {
    background-color: var(--ms-grey-bg-color) !important;
    color: var(--ms-light-grey-color)!important;
}
 .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--ms-grey-bg-color);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce ul.order_details li {
    border-right: 1px dashed var(--ms-light-grey-color);
}
.woocommerce .woocommerce-customer-details address {
    border: 1px solid var(--ms-bg-color);
    padding: 15px;
    line-height:2;
}
/* Blog Styles */
/*unit content css start*/
.ms-sidebar-wrapper .nice-select li.option.selected.focus {
    color: var(--ms-white-color);
}
.ms-sidebar-wrapper .nice-select li.option:before {
    display: none;
}
article#post-1241 .ms-details-wrapper {
    margin-bottom: 0px;
}
article.post .ms-details-wrapper {
    margin-bottom: 0;
}
body .ms-sidebar-wrapper .widget.widget_text .nice-select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-top: 10px;
}
.widget ul.menu ul.sub-menu {
    margin: 12px 0 0 0;
}
.wp-block-quote.has-text-align-right {
    border-right: .25em solid var(--ms-text-color);
}
.wp-block-quote {
    border-left: .25em solid var(--ms-text-color);
    margin-top: 10px;
}
.wp-block-archives-dropdown label {
    padding-bottom: 10px;
}
.wp-block-archives li{
    border-bottom:1px solid var(--ms-bg-color);
}
.ms-sidebar-wrapper .nice-select .current {
    color: var(--ms-light-grey-color);
}
.ms-sidebar-wrapper .nice-select .list {
    max-height: 320px;
    overflow: auto;
    width: 100%;
}
.wp-block-archives-dropdown .nice-select, .wp-block-categories-dropdown .nice-select, .widget .nice-select, .ms-sidebar-wrapper .widget.widget_archive .nice-select, .ms-sidebar-wrapper .widget.widget_categories .nice-select {
    width: 100%;
    height: 60px;
    line-height: 60px;
}
.wp-block-archives-dropdown .nice-select.open .list, .wp-block-categories-dropdown .nice-select.open .list, .ms-footer-wrapper .nice-select.open .list, .ms-sidebar-wrapper .widget.widget_archive .nice-select.open .list {
    width: 100%;
    max-height: 300px;
    overflow: auto;
}
.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 {
    padding-bottom: 0;
    color:var(--ms-light-grey-color);
    border-bottom: 1px solid var(--ms-grey-bg-color);
    margin-bottom: 0px;
}
.wp-block-categories.wp-block-categories-dropdown {
    margin-top: 10px;
}
.ms-footer-wrapper .nice-select{
       color: var(--ms-light-grey-color);   
}
.wp-block-search .wp-block-search__label {
    padding-bottom: 10px;
}
.navigation {
    justify-content: center;
}
article.movie .navigation {
    padding-bottom: 80px;
    background: var(--ms-light-bg-color);
}
.ms-details-wrapper table thead th, .ms-details-wrapper table th, .ms-details-wrapper table td {
    border: 1px solid var(--ms-bg-color);
}
.wp-block-latest-comments__comment-meta a.wp-block-latest-comments__comment-link:hover {
    color: var(--ms-primary-color);
}
.widget_calendar .calendar_wrap table.wp-calendar-table tbody tr td {
    border: 1px solid var(--ms-bg-color);
}
.wp-block-button, .wp-block-cover, .wp-block-cover-image {
    margin-top: 15px;
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
    margin-top: 10px;
}
figure.wp-block-pullquote {
    padding-bottom: 0;
}
.wp-block-pullquote.is-style-solid-color {
    margin-top: 10px;
}
p.has-background {
    margin-bottom: 10px;
}
.has-cyan-bluish-gray-background-color {
    padding-bottom: 1px !important;
}
.entry-content.ms-single-data ol li a {
    color: var(--ms-light-grey-color);
}
.ms-categories-tags .cat-links .ms-blog-Posted, .ms-categories-tags .tags-links .ms-blog-tags {
    color: var(--ms-white-color);
}
body .ms-main-page-container .ms-details-wrapper {
    display: inline-block;
    width: 100%;
}
.comment-respond .comment-form-cookies-consent+.row .input-wrap {
    margin-top: 20px;
}
.entry-content.ms-single-data table tbody tr.odd td a, .entry-content.ms-single-data table tbody tr.even td a {
    color: var(--ms-light-grey-color);
}

.gallery-caption {
    text-align: center !important;
    margin-top: 10px;
}
.gallery {
    grid-gap: 0;
}
.entry-content h2 {
    margin: 10px 0;
}
input.submit.ms-btn {
    max-width: 150px;
    width: 100%;
    height: 50px;
    background-image: var(--ms-gredient-color);
    background-size: 200% auto;
    border: none;
}
.input-wrap {
    margin-top: 10px;
}
.ms-main-post-wrapper article.post:last-of-type {
    border: 1px solid var(--ms-bg-color);
    padding: 20px;
}
body .ms-main-page-container {
    padding: 80px 0 50px 0;
}
.ms-custom-img a {
    color: var(--ms-primary-color);
}
ul.ms-contact-list li {
    display: flex;
    align-items: center;
}
ul.ms-contact-list li p {
    color: var(--ms-light-grey-color);
    margin-left: 10px;
}
ul.ms-contact-list li p a{
    color: var(--ms-primary-color);
}
.ms-sidebar-wrapper .ms-footer-widget, .ms-sidebar-wrapper .widget_miraculous-widget-newslatter, .ms-sidebar-wrapper .ms-footer-first {
    background: var(--ms-grey-bg-color);
    margin: 0 0 30px;
    padding: 39px 30px 40px;
    border: 1px solid var(--ms-bg-color);
    border-radius: 6px;
}
.ms-sidebar-wrapper .widget_miraculous-widget-newslatter .ms-footer-news-input input {
    background-color: var(--ms-semi-dark-color) !important;
}
.widget_miraculous-widget-newslatter .ms-footer-news-input a span {
    right: 0;
}
body:not(.videospire-demo) .wp-block-image img {
    margin-top: 10px;
}
body:not(.videospire-demo) .entry-content.ms-single-data p:nth-child(2) {
    margin-bottom: 10px;
}
body:not(.videospire-demo) figcaption.blocks-gallery-caption {
    margin-bottom: 10px;
}
.nice-select .list li.option {
    white-space: break-spaces;
    line-height: 1.5;
    padding-top: 9px;
    padding-bottom: 7px;
}
p.wp-block-cover-text a {
    color: var(--ms-white-color);
}
.wp-block-latest-posts.wp-block-latest-posts__list li a{
    color: var(--ms-light-grey-color);
}
ul.blocks-gallery-grid li.blocks-gallery-item figcaption.blocks-gallery-item__caption {
    color: var(--ms-white-color) !important;
}
body.search .ms-blog-search .ms-search-sections {
    display: flex;
    align-items: center;
    padding: 10px;
}
body.search .ms-blog-search .ms-search-sections .ms-single-imgae-wrap {
    margin: 0 20px 0 0;
}
.ms-single-content-data {
    padding: 10px;
}
body.search .ms-single-imgae-wrap {
    width: 40%;
}
body:not(.videospire-demo) .ms-page-columns .comments-area{
    margin-top:0;
    /*padding-top:50px;*/
}
.nice-select:after{
    right:18px;
    margin-top:0;
}
form.post-password-form p label input {
    border: 1px solid var(--ms-bg-color);
}
body:not(.videospire-demo) .ms-single-blg .comments-area{
    margin-top:0;
}
.comment-text p a, .comment-text p a:hover, .comment-text p a:visited {
    color: var(--ms-primary-color);
}
.yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistaddedbrowse a:hover, .yith-wcwl-wishlistaddedbrowse a:visited {
    color: var(--ms-primary-color);
}
.wp-block-media-text.has-media-on-the-right {
    background: var(--ms-light-bg-color) !important;
}
table.variations .nice-select.select-type {
    min-width: 180px;
}
.woocommerce div.product form.cart .reset_variations {
    color: var(--ms-primary-color);
}
.entry-content ol li:first-child a, .entry-content ol li:first-child a:hover, .entry-content ol li:first-child a:visited {
    color: var(--ms-primary-color);
}
a.wp-block-latest-comments__comment-link, a.wp-block-latest-comments__comment-link:hover, a.wp-block-latest-comments__comment-link:visited {
    color: var(--ms-primary-color);
}
body:not(.videospire-demo) .comment-meta .comment-text h1, h2, h3, h4, h5, h6 {
    color: var(--ms-light-grey-color);
}
body:not(.videospire-demo).comments-area>ol.comment-list>li blockquote {
    background: var(--ms-grey-bg-color);
    border-color: var(--ms-white-color);
}
body:not(.videospire-demo) .comment-meta .comment-text table {
    margin-top: 10px;
}
body:not(.videospire-demo) .comment-meta .comment-text table tbody tr td a {
    color: var(--ms-light-grey-color);
}
body:not(.videospire-demo) .comment-meta .comment-text table tbody tr td {
    color: var(--ms-light-grey-color);
}
body:not(.videospire-demo) .comment-meta .comment-text dl dd {
    color: var(--ms-text-color);
}
body:not(.videospire-demo) .comment-meta .comment-text dl dd a {
    color: var(--ms-primary-color);
}
body:not(.videospire-demo) .comment-meta .comment-text ul li, body:not(.videospire-demo) .comment-meta .comment-text ol li {
    color: var(--ms-text-color);
}
body:not(.videospire-demo) .comment-meta .comment-text address {
    color: var(--ms-text-color);
}
body:not(.videospire-demo) .comments-area>ol.comment-list>li .back-link a {
    color: var(--ms-light-grey-color);
}
body:not(.videospire-demo) .ms-product-summary-description.ms-product-metatagcat button.ms-btn {
    border: none;
}
.yith-wcwl-add-button {
    margin-top: 15px;
}
body:not(.videospire-demo) .ms-product-info button.ms-btn {
    border: none;
    margin-top: 10px;
}
.ms-post-meta.ms-date-with-thumb p.ms-date span {
    margin-right: 6px;
}
body:not(.videospire-demo) .entry-content.ms-single-data p:first-child {
    margin-top: 0;
}
body .videospire-demo .ms-main-page-container .ms-sidebar-wrapper {
    padding-top: 80px;
}
.entry-content.ms-single-data table tbody tr th a, .entry-content.ms-single-data table tbody tr th a:hover, .entry-content.ms-single-data table tbody tr th a:focus {
    color: var(--ms-light-grey-color);
}
form.post-password-form p:nth-child(2) label input {
    margin-top: 10px;
}
.widget_rss .rsswidget img.rss-widget-icon {
    vertical-align: baseline;
}
/*unit content css end */
.widget > ul>li {
    padding-left: 0;
}
.ms-sidebar-wrapper .widget ul li:before {
    left: -12px;
}
.ms-sidebar-wrapper .widget ul li {
    padding-left: 0;
}
.ms-sidebar-wrapper .widget ul .sub-menu {
    padding-left: 10px;
}
.ms-sidebar-wrapper .widget {
    padding-top: 35px;
}
.ms-sidebar-wrapper .widget.widget_archive {
    padding-bottom: 35px;
}
.ms-sidebar-wrapper .widget.widget_archive .nice-select {
    margin-bottom: 5px;
}
.foodptag p {
    color: var(--ms-white-color);
}
.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/banner_01-1.png);
}
/********** 6 Responsive CSS Start **********/
@media screen and (min-width: 768px) {
    .ms-mobile-logo {
        display: none;
   }
}
@media screen and (min-width: 992px) {
    .ms-sidebar-wrapper {
        padding-left: 20px;
   }
    .ms-sidebar-wrapper.ms-left-sidebar {
        padding-left: 0;
        padding-right: 20px;
   }
}
@media screen and (min-width: 1200px) {
   /* Header*/
    .close-search {
        display: none;
   }
    .container {
        max-width: 1320px;
   }
   /*menu css*/
    .ms-header-menu ul.menu li.menu-item a:after {
        content: '';
        width: 30px;
        height: 3px;
        background-color: var(--ms-primary-color);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transform: scale(0);
        transition: all 0.3s;
    }
    .ms-header-menu ul.menu li.menu-item a:hover:after{
       transform: scale(1);
    }
    .ms-header-wrapper ul.menu li.current-menu-item a:after{
        transform: scale(1);
    }
   /*menu css*/
    .ms-header-right .menu .sub-menu {
        position: absolute;
        background: var(--ms-bg-color);
        min-width: 232px;
        left: 0;
        top: 80px;
        padding: 15px 0;
        border: none;
        border-radius: var(--videospire-radius0);
        box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 15%);
        visibility: hidden;
        opacity: 0;
        text-align: left;
        width: auto;
        z-index: 99;
    }
    .ms-header-right .menu>li:hover>.sub-menu, .ms-header-right .menu>li>.sub-menu li:hover>.sub-menu, .ms-header-right .menu>li>.sub-menu li:hover>.sub-menu li:hover>.sub-menu {
        visibility: visible;
        opacity: 1;
   }
    .ms-header-right .menu>li .sub-menu, .ms-header-right .menu>li:hover .sub-menu {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
    .ms-header-right .menu .sub-menu .sub-menu {
        left: -215px;
        top: 0;
   }
    .ms-header-right .menu .sub-menu li {
        padding: 12px 20px;
        line-height: 1.3;
        border-bottom: 1px solid var(--ms-modal-bg-color);
    }
    .ms-header-right .menu .sub-menu li:last-child{
        border-bottom: none;
    }
    .ms-header-right .menu .sub-menu li, .ms-header-right .menu .sub-menu li:hover {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
   .ms-header-menu ul.menu li ul.sub-menu li.menu-item a:after{
       display:none;
   }
    .ms-header-right .menu .sub-menu:before {
        content: "";
        position: absolute;
        right: -10px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-left: 10px solid var(--ms-bg-color);
        border-bottom: 8px solid transparent;
        top: 6px;
   }
    .ms-header-right .menu .sub-menu li:hover>a {
        color: var(--ms-primary-color);
   }
    body .ms-header-right .menu>li>a {
        padding: 35px 0px;
        display:block;
   }
    .ms-about-info p {
        word-break: break-word;
   }
    body .ms-header-right .menu li:hover a:before, body .ms-header-right .menu li.current-menu-item a:before, body .ms-header-right .menu li:hover a:before {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
    .ms-header-right .menu li:hover>a {
        color: var(--ms-primary-color);
   }
   .ms-demo-header-style .menu>li {
        padding: 0 30px 0 0;
    }
    .ms-header-wrapper .menu>li {
        padding: 0 28px 0 0;
    }
    .ms-header-wrapper .menu>li:last-child{
        padding: 0;
    }
    .ms-blog-thumb-section.is-large img {
        min-height: 800px;
        max-height: 800px;
   }
    .ms-mobile-search-btn {
        display: none;
   }
}
@media screen and (min-width: 1400px) {
    .ms-top-header-row>* {
        flex: 0 0 auto;
        width: 33.33333333%;
        padding-left: 15px;
        padding-right: 15px;
   }
}
@media screen and (min-width: 1750px) {
    .ms-header-wrapper .container-fluid {
        max-width: 1730px;
   }
}
@media screen and (min-width: 1850px) {
    .changing, .changed {
        transform: scale(0.835);
        -ms-user-select: none;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        transition: all 1s;
   }
    .changing.swiper-slide-active, .changed.swiper-slide-active {
        transform: scale(1.1);
   }
    .changing.swiper-slide-active, .changed.swiper-slide-active {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
    .msh-banner-slider-style1-wrapper {
        padding: 67px 0px 31px;
   }
    .changing .msh-banner-slider-content, .changed .msh-banner-slider-content {
        opacity: 0;
        visibility: hidden;
   }
    .changing.swiper-slide-active .msh-banner-slider-content, .changed.swiper-slide-active .msh-banner-slider-content {
        opacity: 1;
        visibility: visible;
   }
    .changing.swiper-slide-active .msh-banner-slider-content, .changed.swiper-slide-active .msh-banner-slider-content, .changing .msh-banner-slider-content, .changed .msh-banner-slider-content {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
}
@media screen and (max-width: 1900px) {
    .ms-blog-authore-box {
        padding: 40px 40px 20px;
   }
}
@media screen and (max-width: 1439px) {
    .ms-date-controls ul li.ms-today-date {
        margin-right: 10px;
   }
    .ms-desktop-search-btn {
        display: none;
   }
    .ms-mobile-search-btn {
        width: 40px;
        height: 40px;
        display: inline-block;
        line-height: 40px;
   }
    .ms-main-header .ms-main-header-inner {
        padding: 0 80px;
   }
    .ms-main-header .ms-header-searh-wrap {
        right: 10px;
   }
    .ms-date-controls ul li.ms-today-date .ms-comman-icon {
        display: none;
   }
}
@media screen and (max-width: 1199.98px) {
    .has_sub_menu ul {
        display: none;
   }
    .ms-toggle-btn {
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        width: 40px;
        padding: 11px 0;
        position: relative;
        background: var(--ms-primary-color);
        border-radius: 4px;
        margin-left:20px;
   }
    .ms-toggle-btn span {
        width: 20px;
        height: 2px;
        background: var(--ms-white-color);
        display: block;
        position: relative;
        margin: auto;
        margin-top: 3px;
   }
    .ms-toggle-btn span, .ms-toggle-btn.open-menu span {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
    .ms-toggle-btn span:hover {
        cursor: pointer;
   }
    .ms-toggle-btn.open-menu span:nth-child(2) {
        display: none;
   }
    .ms-toggle-btn.open-menu span:nth-child(1) {
        transform: rotate( 45deg) translate(3.5px, 3px);
   }
    .ms-toggle-btn.open-menu span:nth-child(3) {
        transform: rotate( 135deg) translate(-6.3px, -9px);
        margin: 0;
    }
    .ms-header-menu ul.menu {
        background: var(--ms-grey-bg-color);
        position: fixed;
        left: -340px;
        top: 0;
        bottom: 0;
        width: 320px;
        height: 100%;
        text-align: left;
        z-index: 98;
        background-attachment: fixed;
        transition: 0.3s;
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 1px solid var(--ms-bg-color);
   }
    .ms-header-menu.open-menu ul {
        left: 0;
   }
    .admin-bar .ms-header-menu.open-menu ul {
        top: 35px;
   }
    .ms-header-wrapper .menu li.open:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
   }
    .ms-header-wrapper .menu li.open:before, .ms-header-wrapper .menu li:before {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
    .ms-header-menu ul.sub-menu {
        display: none;
   }
    .ms-header-menu ul.sub-menu.show-submenu {
        display: block;
   }
    .ms-header-menu ul>li {
        width: 100%;
        padding: 15px 20px;
   }
    .ms-header-menu .menu li .sub-menu li {
        padding: 20px 20px 20px 30px;
        position: relative;
    }
    .ms-header-menu .menu li .sub-menu li a {
        padding-left: 20px;
   }
    .ms-header-menu .menu li .sub-menu li a:before {
        content: "";
        position: absolute;
        height: 6px;
        width: 6px;
        background: var(--ms-primary-color);
        top: 25px;
        margin: auto;
        left: 0px;
   }
    .ms-header-menu .menu li.menu-item-has-children:before {
        content: "\f107";
        position: absolute;
        top: 21px;
        right: 25px;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-weight: 900;
        color: var(--ms-white-color);
   }
    .ms-header-menu .menu li.open:before {
        -webkit-transform: rotate( 180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate( 180deg);
   }
    .ms-header-menu .menu .sub-menu li.menu-item-has-children:before {
        top: 16px;
   }
    .ms-header-menu .menu li.menu-item-has-children:before, .ms-header-menu .menu li.open:before {
        -webkit-transition: var(--videospire-transition);
        -moz-transition: var(--videospire-transition);
        -ms-transition: var(--videospire-transition);
        -o-transition: var(--videospire-transition);
        transition: var(--videospire-transition);
   }
    .ms-demo-header-style .ms-header-menu .menu>li, .ms-header-menu .menu>li {
        border-bottom: 1px solid var(--ms-bg-color);
        padding: 15px 20px !important;
    }
    .ms-header-menu .menu>li:last-child {
        border-bottom: 0;
   }
    .ms-header-menu .menu>li .sub-menu>li {
        border-bottom: 1px solid var(--ms-bg-color);
   }
    .ms-header-menu .menu>li .sub-menu>li:last-child {
        border-bottom: 0;
   }
   .ms-header-menu .menu>li>.sub-menu {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0 0px;
   }
    .ms-header-menu .sub-menu {
        background: var(--ms-light-bg-color);
   }
    .ms-header-wrapper .menu {
        display: inline-block;
   }
    .ms-header-wrapper .menu li a {
        width: 100%;
        display: inline-block;
   }
    .ms-cart-btn {
        min-width: 40px;
        margin: 0 0 0 20px;
   }
    .ms-search-btn {
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: relative;
        text-align: center;
        background: var(--ms-primary-color);
        display: inline-block;
        border-radius: var(--videospire-circle-radius);
        margin: 0 0;
   }
    .ms-search-btn svg {
        position: relative;
   }
    .row.align-content-center {
        align-items: center;
   }
    .ms-menu .menu>ul::-webkit-scrollbar {
        width: 3px;
   }
    .ms-menu .menu>ul::-webkit-scrollbar-track {
        background-color: var(--ms-primary-color);
   }
    .ms-menu .menu>ul::-webkit-scrollbar-thumb {
        background-color: var(--videospire-alternate-bg);
   }
    .ms-header-menu ul.sub-menu .sub-menu {
        background: var(--ms-light-bg-color);
    }
    .ms-header-wrapper .ms-search-btn svg {
        fill: var(--ms-white-color);
   }
    body .ms-header-menu .menu .sub-menu li.open:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate( 180deg);
   }
    body .ms-header-menu .menu .sub-menu li:before {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
   }
   /*New*/
    .ms-main-header .ms-header-searh-wrap {
        position: unset;
        margin: 0;
   }
    .ms-main-header .ms-main-header-inner {
        padding: 15px 15px;
        justify-content: space-between;
   }
}
@media screen and (min-width: 767.98px) and (max-width: 1199.98px) {
   /* PageBuilder CSS Food Widget Mange */
    .food-widget-row .widgets-shortcode {
        width: calc(50% - 30px);
        margin: 0 0 30px;
   }
    .food-widget-row .wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
   }
    .food-widget-row .widgets-shortcode.wigets-authore, .food-widget-row .widgets-shortcode.wigets-followers {
        margin-right: 30px;
   }
    .food-widget-row .widgets-shortcode.wigets-categories.widgets-shortcode-style-three {
        display: none;
   }
}
@media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
    .ms-sidebar-wrapper .widget ul li, .ms-sidebar-wrapper .widget ol li {
        padding-left: 15px;
   }
    body .ms-sidebar-wrapper .widget {
        padding-left: 20px;
        padding-right: 20px;
   }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
   .ms-header-social ul a {
       height: 30px;
       width: 30px;
       line-height: 26px;
   }
}
@media screen and (max-width: 991.98px) {
    .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.ms-btn {
        min-width: 100px;
   }
    .ms-single-data p {
        word-break: break-word;
   }
}
@media screen and (max-width: 768px) {
    .woocommerce table.shop_table {
        border-top: 1px solid var(--ms-bg-color);
   }
    .woocommerce-cart .woocommerce a.remove {
        margin: 10px 0;
   }
    .woocommerce table.cart td.actions .coupon input#coupon_code {
        max-width: 100%;
        margin: 0 0 20px;
        border-radius: var(--videospire-radius0);
        border: 1px solid var(--ms-bg-color);
   }
    .woocommerce table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button {
        max-width: 100%;
        border-radius: var(--videospire-radius-comman);
        width: 100%;
        margin: 0 0 30px;
   }
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        font-weight: 500;
        color: var(--text-color);
   }
    .woocommerce table.shop_table td.product-quantity {
        display: flex;
        align-items: center;
        justify-content: space-between;
   }
    .woocommerce form.checkout_coupon .form-row.form-row-first, .woocommerce form.checkout_coupon .form-row.form-row-last {
        width: 100%;
   }
}
@media screen and (max-width: 767.98px) {
    body:not(.videospire-demo) .ms-header-menu ul li a{
        letter-spacing:1px;
    }
    .ms-breadcrumb-container ul {
        font-size: 16px;
   }
    .ms-desktop-logo {
        display: none;
   }
    .ms-single-data .wp-block-calendar td, .ms-single-data .wp-block-calendar th {
        padding: .25em;
   }
    .ms-single-data>table td {
        padding: 4px;
        font-size: var(--videospire-font-size);
        word-break: normal;
   }
    .pagination .nav-links>*:not(.dots) {
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0 8px 0 0;
   }
    .ms-breadcrumb-container h1 {
        font-size: var(--videospire-title-size);
   }
    .page-links .page-number span, .page-links .page-number a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0 8px 0 0;
   }
    form#yith-wcwl-form a.button.yith-wcqv-button {
        display: none !important;
   }
    form#yith-wcwl-form .product-name h3 {
        font-size: var(--videospire-widgets-title-size);
        font-weight: 600;
   }
    .wishlist_table.mobile {
        padding: 0;
   }
    .wishlist_table.mobile a.button.add_to_cart_button {
        padding: 0 !important;
        line-height: 50px !important;
   }
    .wishlist_table.mobile .additionms-info-wrapper .additionms-info td {
        font-size: var(--videospire-font-size);
        padding: 10px 0 10px;
   }
    .wishlist_table.mobile .additionms-info-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
   }
    .wishlist_table.mobile li {
        margin: 0 0 30px;
        border-bottom: 1px solid var(--ms-bg-color);
        padding-bottom: 30px;
        position: relative;
    }
    .woocommerce-wishlist .product-name a.button {
        color: var(--ms-white-color);
    }
    .wishlist_table.mobile li .item-details table.item-details-table td {
        font-size: var(--videospire-font-size);
   }
    body .wishlist_table.mobile .additionms-info-wrapper .product-add-to-cart {
        margin: 0;
   }
    body .wishlist_table.mobile .additionms-info-wrapper .product-add-to-cart .add_to_cart {
        margin: 0 !important;
   }
    .wishlist_table.mobile li .additionms-info-wrapper .product-remove {
        position: absolute;
        top: 0;
        right: 0;
   }
    .woocommerce #reviews #comments ol.commentlist li .star-rating {
        width: 100%;
        margin: 00 0 10px;
   }
    .ms-login-wrap {
        display: flex;
   }
    .woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
        width: 100%;
   }
    .woocommerce table.cart td.actions .coupon {
        width: 100%;
   }
    .woocommerce table.cart td.actions .coupon input#coupon_code {
        width: 100%;
   }
   /* Header CSS */
    .ms-newsletter-box input.form-control {
        width: 100%;
        margin: 0 0 15px;
   }
    .ms-blog-authore-info {
        width: 100%;
        padding: 0 0px 0 0px;
   }
    .ms-header-social ul a {
        height: 30px;
        width: 30px;
        line-height: 26px;
   }
    .ms-top-header-wrapper {
        padding: 10px 0;
   }
    .ms-comman-icon {
        height: 30px;
        width: 30px;
        line-height: 30px;
   }
    .ms-comman-icon svg {
        height: 12px;
   }
    .ms-date-controls ul li.ms-today-date {
        flex: 1;
        margin: 0 5px 0 0;
   }
    .admin-bar .ms-header-menu ul.menu {
        top: 46px;
   }
    .login-btn-header .login-icon {
        width: 40px;
        height: 40px;
   }
    .ms-user-login .login-icon {
        background: var(--ms-primary-color);
   }
    .food-latest-post-row .vc_col-sm-12 .wpb_wrapper .container {
        padding: 0;
   }
   .videospire-blogs-section-img-big img.img-fluid {
       height: 400px;
   }
}
@media (max-width: 575.98px) {
    .ms-header-menu ul.menu {
        left: -300px;
        width: 250px;
   }
    .ms-header-menu.open-menu ul {
        left: 0;
   }
    .ms-post-meta .ms-blog-authore {
        width: 100%;
        display: inline-block;
   }
    .ms-post-meta>* {
        margin-right: 0;
        width: 100%;
   }
   /* Header 1*/
    .ms-header-social ul a svg {
        height: 12px;
   }
}

body.category .wpb_wrapper >p {
   margin-bottom: 20px;
}

/* 
** videospire theme CSS Start
*/

/*
[Master Stylesheet] 
Project: videospire Html
-------------------------------------------------------------------*/
/********************************************************
1. body start
*******************************************************/
:root {    
   --ms-white-color: #ffffff;
   --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;
}
body {
   margin: 0 !important;
   padding: 0;
   box-sizing: border-box;	  	
   -webkit-font-smoothing: antialiased;
   font-family: 'Outfit', sans-serif !important; 
   background-color:var(--ms-light-bg-color);
   overflow-x:hidden !important;
}
html {
 scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 6px;
    background: var(--ms-dark-bg-color);
}
::-webkit-scrollbar-thumb {
   background-color: var(--ms-primary-color);
}
*,*:before,*:after{
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
a, a:hover, a:focus{	
   text-transform: capitalize;
   text-decoration: none;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
h1, h2, h3, h4, h5, h6{	
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   margin:0;
   padding:0;	
   word-break: break-word;
}
img {
   max-width: 100%;
}
video{
   max-width: 100%;
}
input, textarea, select, button, label, svg, svg path, svg rect, svg polygon, img, a, :after, :before, :hover, :focus, .form-control:focus{
   outline: none !important;
   box-shadow:none;
}
ul{
   padding:0;
   margin:0;
   list-style-type: none;
}
p {
 margin: 0px;
 word-break: break-word;
}
/* loader css start */
.preloader {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ms-light-bg-color);
}
.preloader-inner{
    width:85px;
    height: 85px;
}
.ms-spinner-loader {
  position: absolute;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: transparent;
  border: 5px solid transparent;
  border-top: 5px solid var(--ms-grey-bg-color);
  border-left: 5px solid var(--ms-grey-bg-color);
  -webkit-animation: 2s spin linear infinite;
  animation: 2s spin linear infinite;
}
.ms-spinner-loader-2 {
  border: 5px solid transparent;
  border-right: 5px solid var(--ms-primary-color);
  border-bottom: 5px solid var(--ms-primary-color);
  -webkit-animation: 1s spin linear infinite;
  animation: 1s spin linear infinite;
}
@-webkit-keyframes spin {
  -webkit-from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  -webkit-to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* loader css start end */
/* bottom to top css */
.ms-top-icon a {
    display: flex;
    background-color: var(--ms-primary-color);
    box-shadow:0 0 20px rgb(255 0 101 / 50%);
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: fixed;
    bottom: 30px;
    right: 20px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
	animation: 4s installation infinite alternate;
    cursor: pointer;
}
@keyframes installation {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}
.ms-top-icon a svg {
    fill: var(--ms-white-color);
    transform: rotate(270deg);
}
.ms-top-icon a:active {
  background-color: #555;
}
.ms-top-icon a.show {
  opacity: 1;
  visibility: visible;
}
/* bottom to top css end */
/* button css start*/
.ms-btn{
   min-width: 150px;
   padding:13px 20px;
   border-radius: 4px;
   background-image: var(--ms-gredient-color);
   background-size: 200% auto;
   color: var(--ms-white-color) !important;
   font-size: 16px;
   font-weight: 300;
   display: inline-block;
   text-align: center;
   transition: all 0.5s;
}
.ms-btn:hover{
   background-position: right center;
   color: var(--ms-white-color);
}
.ms-btn:focus{
    border: none !important;
}
/* transparent btn */
.ms-transparent-btn{
   min-width: 180px;
   padding:15px 20px;
   border-radius: 6px;
   background-color: rgba(255,255,255,0.15);
   font-size: 18px;
   color: var(--ms-white-color) !important;
   font-weight: 400;
   display: inline-block;        
   text-align: center;
   transition: all 0.3s;   
}
.ms-transparent-btn:hover{
   background-color: var(--ms-primary-color);
   color: var(--ms-white-color);
}
/* transparent btn */
/* button css end */

/* heading */
.heading {
    font-size: 26px;
    color: var(--ms-white-color);
    font-weight: var(--videospire-font-weight);
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 40px;
    line-height: 0.8;
    margin: 0px !important;
}
/* heading */
input {
   width: 100%;
   height: 60px;
   border-radius: 4px;
   background-color: var(--ms-semi-dark-color);
   border: 1px solid var(--ms-bg-color);
   font-size: 16px;
   color: var(--ms-text-color) !important;
   font-weight: 300;
   padding: 0 50px 0 20px;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{
   -webkit-box-shadow: 0 0 0 30px var(--ms-semi-dark-color) inset !important;
   -webkit-text-fill-color: var(--ms-text-color) !important;
       border:1px solid var(--ms-bg-color) !important;
       border-radius:4px !important;
}
.nice-select {
    background: var(--ms-light-bg-color)!important;
    border: 1px solid var(--ms-bg-color)!important;
    border-radius: 4px !important;
}
.nice-select:focus{
    border: 1px solid var(--ms-bg-color)!important;
}
.nice-select ul.list {
    background: var(--ms-bg-color)!important;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: var(--ms-dark-bg-color)!important;
}
.ms-header-menu ul li.responsive-logo a img{
   display: none;
}
/* login page css start */
.ms-login-wrapper-bg:after{
   content: '';
   background-color: hsla(200,40%,30%,.4);
   background-image:url('../images/bannerbg1.jpg');
   background-repeat: repeat-x;
   background-position: 0 20%,	0 100%,	0 50%, 0 100%, 0 0;
   background-size: 2500px, 800px,	500px 200px, 1000px, 400px 260px;
   animation: 70s para infinite linear;
   height: 50vh;
   position: absolute;
   top: 0;
   right:0;
   left:0;
}
@keyframes para {
   100% {
       background-position: -5000px 20%, -800px 95%, 500px 50%, 1000px 100%, 400px 0;
       }
   }
@keyframes parag {
   100% {
       background-position: 5000px 20%, 800px 95%, 500px 50%, 1000px 100%, 400px 0;
       }
   }
.ms-login-wrapper-bg:before{
   content: '';
   background-color: hsla(200,40%,30%,.4);
   background-image:url('../images/bannerbg2.jpg');
   background-repeat: repeat-x;
   background-position: 0 20%,	0 100%,	0 50%, 0 100%, 0 0;
   background-size: 2500px, 800px,	500px 200px, 1000px, 400px 260px;
   animation: 70s parag infinite linear;   
   height: 50vh;
   position: absolute;
   bottom: 0;
   right:0;
   left:0;
}
.ms-login-wrapper {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow-x: hidden;
   z-index: 2;
   padding: 0 5px;
}
.ms-login-box{
   max-width: 500px;
   width: 100%;
   border-radius: 10px;
   background-color: var(--ms-grey-bg-color);
   margin: auto;
}
.ms-login-inner{
   text-align: center;
}
.ms-login-header {
   padding-top: 20px;
}
.ms-login-logo a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ms-login-logo a span.ms-logotext {
    color: var(--ms-white-color);
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: 300;
    display: block;
    margin-left: 10px;
}
.ms-login-inner .ms-login-header h4{
   font-size: 22px;
   color: var(--ms-white-color);
   font-weight: 400;
   text-align: center;
}
.ms-login-inner .ms-login-header p {
   font-size: 16px;
   color: var(--ms-text-color);
   font-weight: 300;
   text-align: center;
   padding-top: 20px;
   line-height: 1.6;
}
.ms-login-input{
   position: relative;
}
.ms-login-input-field {    
   margin-top: 40px;
}
.ms-login-input span {
   display: block;
   position: absolute;
   right: 20px;
   top: 20px;
}
.ms-login-input span svg{
   fill: var(--ms-text-color);
}
.ms-login-input-field input {
   width: 100%;
   height: 60px;
   border-radius: 4px;
   background-color: var(--ms-semi-dark-color) !important;
   border: 1px solid var(--ms-bg-color) !important;
   font-size: 16px;
   color: var(--ms-text-color) !important;
   font-weight: 300;
   padding: 0 45px 0 20px;
   margin-bottom: 20px;
}
.ms-login-input-field input::placeholder{
   font-size: 16px;
   color:var(--ms-text-color);
   font-weight: 300;
}
.ms-footer-field {
   text-align: left;
   display: flex;
}
.ms-checkbox {
   display: block;
   position: relative;
   padding-left: 25px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 22px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
.ms-checkbox input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}
.checkmark {
   position: absolute;
   top: 4px;
   left: 0;
   width: 16px;
   height: 16px;
   border-radius: 2px;
   background-color: var(--ms-semi-dark-color);
   border: 2px solid var(--ms-bg-color);
} 
.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}
.ms-checkbox input:checked ~ .checkmark:after {
   display: block;
}
.ms-checkbox input:checked ~ .checkmark{
   background-image: linear-gradient(143deg, #ff543e 0%, #ff0065 100%); 
   border:2px solid var(--ms-primary-color);
}
.ms-checkbox .checkmark:after {
   left: 3px;
   top: 0;
   width: 5px;
   height: 10px;
   border: solid var(--ms-white-color);
   border-width: 0 3px 3px 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}
.ms-footer-field p{
   margin-left: auto;
}
.ms-footer-field label, .ms-footer-field p a{
   font-size: 16px;
   color: var(--ms-text-color);
   font-weight: 300;  
   cursor: pointer;
   transition: all 0.3s;  
}
.ms-footer-field p{
   margin-left: auto;
}
.ms-footer-field label:hover{
   color: var(--ms-primary-color);
}
.ms-footer-field p a:hover{
   color: var(--ms-primary-color);
}
.ms-login-btn input.ms-btn {
   max-width: 150px;
   width: 100%;
   height: 50px;
   border-radius: 4px;
   background-image: var(--ms-gredient-color);
   background-size: 200% auto;
   color: var(--ms-white-color);
   font-size: 16px;
   font-weight: 300;
   text-transform: capitalize;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 30px;
   transition: all 0.5s;
   border: none;
}
.ms-login-btn input.ms-btn:hover{
   background-position: right center;
   color: var(--ms-white-color);
}
/* login page css end */

/* pricing plan css start */
.ms-pricing-box{
   max-width: 898px;
   width: 100%;
   border-radius: 10px;
   background-color: var(--ms-grey-bg-color);
   padding: 40px;
   margin: auto;
   position: relative;
   margin-bottom:20px;
}
.ms-pricing-box:before{
   content: '';
   border: 1px dashed #4b505c;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 47%;
   transform: translateX(-50%);
}
.ms-pricing-inner{
   display: flex;
   align-items: center;    
}
.ms-pricing-left{    
   max-width: 310px;
   width: 100%;
}
.ms-price-left-headings{
   padding: 30px 0 40px 0;
   position: relative;
}
.ms-price-left-headings h4{
   font-size: 18px;
   color: var(--ms-white-color);
   font-weight: 600;    
}
.ms-price-left-headings svg {
   display: block;
   position: absolute;
   top: 30px;
   right: 30px;
}
.ms-price-left-headings p{
   font-size: 16px;
   color:var(--ms-text-color);
   font-weight: 500;
   padding-top: 20px;
}
.ms-price-left-feature ul li{
   font-size: 16px;
   color: var(--ms-white-color);
   font-weight: 400;
   margin-bottom: 25px;
   padding-left: 30px;
   position: relative;
}
.ms-price-left-feature ul li svg {
   position: absolute;
   top: 5px;
   left: 0;
   display: block;
}
.ms-price-btn{
   display: flex;
   align-items: center;
   margin-top: 50px;
}
.stripe-button-el span {
    min-width: 150px !important;
    height: 50px !important;
    background-image: var(--ms-gredient-color)!important;
    background-size: 200% auto!important;
    color: var(--ms-white-color) !important;
    font-size: 16px!important;
    font-weight: 300!important;
    border: none!important;
    font-family: 'Outfit'!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    transition: all 0.5s!important;
    margin: -1px;
}
.stripe-button-el span:hover{
   background-position: right center;
   color: var(--ms-white-color);
}
.stripe-button-el span:focus{
    border: none !important;
}
.mobile-screen{
   display: none;
}
.ms-price-btn .ms-transparent-btn{
   min-width: 150px;
   border-radius: 4px;
   font-size: 16px;
   font-weight: 300;
   margin-left: 15px;
}
.ms-price-btn .ms-btn{
    text-align:center;
}
.ms-pricing-right{
   margin-left: auto;
   max-width: 388px;
   width: 100%;    
}
.ms-pricing-right-heading h4{
   font-size: 18px;
   color: var(--ms-white-color);
   font-weight: 600;
}
.ms-price-right-box{    
   border-radius: 6px;
   background-color: #2d323b;
   border: 2px solid #2d323b;
   padding: 20px 20px 20px 30px;
   margin-top: 25px;
   cursor: pointer;
   transition: all 0.3s;
}
.ms-hasplan {
    background-color: var(--ms-semi-dark-color);
    border: 2px solid var(--ms-semi-dark-color);
    opacity: 0.5;
    pointer-events:none;
}
.ms-price-right-box.active2{
   border: 2px solid var(--ms-primary-color);
}
.ms-price-right-box-inner h4{
   font-size: 18px;
   color: var(--ms-white-color);
   font-weight: 600;
}
.ms-price-right-box-inner .resolution{
   padding-top: 8px;
}
.ms-price-right-box-inner p {
   font-size: 14px;
   color: var(--ms-text-color);
   font-weight: 400;
   padding: 5px 0 12px 0;
}
.ms-price-right-box-inner span{
   color: var(--ms-white-color);
}
.ms-price-right-box-inner h6{
   font-size: 14px;
   color: var(--ms-white-color);
   font-weight: 400;
   margin-top:10px;
}
.ms-price-right-box-inner{
   position: relative;
}
.ms-price-right-rate{
   position: absolute;
   top: 30px;
   right: 0;
   text-align: right;
}
.ms-price-right-rate label{
   font-size: 22px;
   color: var(--ms-white-color);
   font-weight: 500;    
   cursor: pointer;
   position: relative;
}
/* radio btn */
.ms-price-right-rate input[type="radio"] {
   display: none;
}  
.ms-price-right-rate label::before {
   content: "";
   position: absolute;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   background-color: #2d323b;
   border: 2px solid #49515f;
   top: -30px;
   right: 0;    
   transition: border-color 400ms ease;
}  
.ms-price-right-rate label::after {
   content: "";
   position: absolute;
   width: 4px;
   height: 4px;    
   background-color: #434a58;
   border-radius: 50%;
   top: -25px;
   right: 5px;
   transition: transform 400ms ease;
}  
.ms-price-right-rate input[type="radio"]:checked + label::before {
   border-color: var(--ms-primary-color);
} 
.ms-price-right-rate input[type="radio"]:checked + label {
    color: var(--ms-primary-color);
}
.ms-price-right-rate  input[type="radio"]:checked + label::after {
   background-color: var(--ms-primary-color);    
}
/* radio btn */
.ms-mng-plan-wrapper .modal-dialog {
    max-width: 898px;
    width: 100%;
}
.ms-mng-plan-wrapper .modal-body {
    padding: 0;
}
.ms-mng-plan-wrapper .modal-content {
    background: none !important;
}
.ms-mng-plan-wrapper .modal-dialog .closemodal{
    z-index:9;
}
/* pricing plan css end */

/* header section css start */
.ms-header-wrapper {
    background-color: var(--ms-light-bg-color);
    position: relative;
    z-index: 10;
}
.ms-header-wrapper .container-fluid {
    padding: 0;
}
.ms-header-right{
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.ms-header-logo a.ms-logo-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--ms-white-color);
    text-transform: capitalize;
    letter-spacing: 2px;
    padding: 15px 0;
}
.ms-header-logo a {
    display: flex;
    align-items: center;
}
.ms-header-logo a span.ms-logotext {
    color: var(--ms-white-color);
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: 300;
    display: block;
    margin-left: 10px;
}
.ms-header-menu ul li a {
   font-size: 15px;
   letter-spacing: 2px;
   color: var(--ms-white-color);
   font-weight: 400;
   text-transform: uppercase;
   position: relative;
   transition: all 0.3s;    
}
.ms-header-menu > ul > li > a:hover{
   color: var(--ms-primary-color);
}
.ms-header-search-bar{
   max-width: 330px;
   width: 100%;
   height: 44px;    
   position: relative;
}
.ms-header-search-bar, .ms-header-profile{
   margin-left: 30px;
}
.ms-header-search-bar {
    margin-right: 21px;
    margin-left: 28px;
}
.ms-demo-logout-header .ms-header-profile{
   margin-left: 0px;
}
.ms-header-search-bar input{
   width: 100%;
   height: 44px;
   border-radius: 4px;
   background-color: #21252d;
   border: 1px solid #30353e;
   font-size: 14px;
   color: var(--ms-text-color);
   font-weight: 400;
   padding: 0 50px 0 20px;
}
.ms-header-search-bar input::placeholder{
   color: var(--ms-text-color);
}
.ms-header-search-bar .searchBtn {
   position: absolute;
   top: 0px;
   right: 5px;
   background: transparent;
   border: none;
}
.ms-header-search-bar span svg{
   fill: var(--ms-white-color);
}
.ms-header-profile ul li{
   display: inline-block;
   vertical-align: middle;
   margin-bottom:0px;
}
.ms-header-profile ul > li{
   margin-left: 10px;
}
a.ms-admin{
    font-size: 16px;
    color: var(--ms-white-color);
    font-weight: 400;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
a.ms-admin > img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
    background: var(--ms-primary-color);
}
a.ms-admin > span {
    display: flex;
    color: var(--ms-white-color);
    margin-left: 15px;
    min-width: 110px;
}
a.ms-admin > span > i{
   color: var(--ms-white-color);
   margin-left: 20px;
   margin-top: 3px; 
}
.profile-drodown {
    position: relative;
    width: 100px;
    max-width: 100%;
}
.ms-demo-logout-header .profile-drodown {
    width: 30px;
}
.ms-demo-logout-header .ms-header-search-bar {
    margin-right: 0;
}
.ms-profile-dropdown {
    width: 157px;
    background-color: #373c47;
    border-radius: 15px 0 15px 15px;
    position: absolute;
    right: -55px;
    top: 60px;
    opacity: 0; 
    visibility: hidden; 
    transition: all 0.3s;
    z-index: 9;
}
.profile-drodown .open-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(-20px);
}
.ms-profile-dropdown ul li {
    margin-bottom: 5px;
    margin-left: 0px;
    padding: 0 10px 0 20px;
    display: flex;
    align-items: center;
    color: var(--ms-light-grey-color);
    transition: all 0.3s;
}
.ms-profile-dropdown ul li:first-child {
    padding-top: 10px;
}
li.ms-darkmode {
    margin: 5px 0 10px 0px !important;
}
li.ms-lightmode {
    margin: 5px 0 10px 0px !important;
}
.ms-profile-dropdown img.menu-image.menu-image-title-after {
    display: inline-block;
    margin: -2px 20px 0 0;
}
.ms-profile-dropdown span.menu-image-hover-wrapper {
    position: relative;
}
.ms-profile-dropdown img.hovered-image.menu-image-title-after {
    opacity: 0; 
    visibility: hidden; 
    position: absolute;
    left: 24px;
    top: 3px;
    transition:all 0.3s;
}
.ms-profile-dropdown img.menu-image.menu-image-title-after{
    transition:all 0.3s;
}
.ms-profile-dropdown .ms-profile-menus .menu-profile_menu-container ul.menu-profile li.menu-item:hover img.hovered-image.menu-image-title-after{
    opacity:1;
    visibility:visible;
}
.ms-profile-dropdown .ms-profile-menus .menu-profile_menu-container ul.menu-profile li.menu-item:hover img.menu-image.menu-image-title-after{
    opacity: 0; 
    visibility: hidden; 
}
.ms-profile-dropdown ul li a {
    font-size: 14px;
    color: var(--ms-light-grey-color);
    font-weight: 400;
    font-family: 'Outfit';
    transition: all 0.3s;
}
.ms-profile-dropdown .ms-profile-menus .menu-profile_menu-container ul.menu-profile li.menu-item:hover a {
    color: var(--ms-primary-color);
}
/*logout menu css start*/
.ms-profile-dropdown ul li.ms-profile-logout {
    position: relative;
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #474d59;
}
.ms-profile-dropdown ul li.ms-profile-logout a{
    transition:all 0.3s;
}
.ms-profile-dropdown ul li.ms-profile-logout img {
    transition: all 0.3s;
    width: 14px;
    height: auto;
    object-fit: cover;
}
.ms-profile-dropdown ul li.ms-profile-logout img:first-child{
    margin:-2px 20px 0 0;
}
.ms-profile-dropdown ul li.ms-profile-logout img:nth-child(2) {
    position: absolute;
    left: 21px;
    top: 3px;
    opacity: 0; 
    visibility: hidden; 
    transition:all 0.3s;
}
.ms-profile-dropdown ul li.ms-profile-logout:hover img:nth-child(2){
    opacity:1;
    visibility:visible;
}
.ms-profile-dropdown ul li.ms-profile-logout:hover img:first-child{
    opacity:0;
    visibility:hidden;
}
.ms-profile-dropdown ul li.ms-profile-logout:hover a{
    color:var(--ms-primary-color);
}
/*logout menu css end*/
/* switch btn dark theme*/
.toggle-box 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 label input:checked ~ .toggle{
   background-color: var(--ms-primary-color)
}
.toggle-box label .toggle:before{
   content: "";
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: var(--ms-white-color);
   position: absolute;
   top: -3px;
   left: 0;        
   transition: all 0.3s;
}
.toggle-box-lightmode .right-text {
    color: var(--ms-light-grey-color);
}
.toggle-box label input:checked ~ .toggle:before{
   left: 12px;
}
.toggle-box .right-text{
   font-size: 14px;
   color: var(--ms-light-grey-color);
   font-weight: 400;
   margin-left: 10px;
   position: relative;
   cursor: pointer;
   transition: all 0.3s;
}
.toggle-box .right-text:hover{
   color: var(--ms-primary-color);
}
.toggle-box label input{
   display: none;
}
.toggle-box-lightmode label .toggle:before {
    background-color: var(--ms-white-color);
}
/* switch btn dark theme*/
/*login register header btn css start*/
.ms-header-login-btn {
   display: flex;
}
.ms-header-login-btn .ms-btn {
    padding: 12px 20px;
    font-size: 14px;
    min-width: 100px;
}
.ms-header-login-btn .ms-register-btn {
    margin-left: 30px;
}
/*login register header btn css end*/

/* register modal css start */
.ms-register-line p{
   color: var(--ms-white-color);
   text-align: left;
   margin-top: 15px;
}
.ms-register-line span{
   color:var(--ms-primary-color);
   cursor: pointer;
   font-weight:600;
}
.ms-register-modal-box{
   padding:0;
}
.ms-register-icon span{
   top: 18px;
}
.ms-register-gender {
    position: static !important;
    text-align: left !important;
    display: flex;
    align-items: center;
    margin-top:15px;
}
.ms-rgstr-gndr-flex {
    margin-left: auto;
}
.ms-rgstr-gndr-flex label::before{
    background:transparent;
}
.ms-register-gender h4 {
   color: var(--ms-white-color);
   font-size: 18px;
   font-weight: 500;
}
.ms-register-gender label{
   font-size: 15px!important;
   font-weight: 300 !important;
   padding-right: 15px!important;
   margin-left: 25px !important;
}
.ms-register-gender label::before {    
   top: 4px !important;
   left: -23px !important;
   transition: border-color 400ms ease !important;
}
.ms-register-gender label::after {    
   top: 9px !important;
   left: -18px !important;
   transition: transform 400ms ease !important;
}
.ms-login-btn{
    display:flex;
}
.ms-login-btn button.hst_loader.ms-btn {
    border: none;
    margin-top: 30px;
}
.ms-login-btn button.hst_loader.ms-btn i{
    margin-right:5px;
}
.ms-rgstr-mdl .modal-content {
    margin-top:85px !important;
}
/* header section css end */

/* create profile section css start */
.ms-create-profile-wrapper {
   padding: 125px 0;
   background-color: #272a30;
}
.ms-create-profile-inner h4{
   font-size: 20px;
   color: var(--ms-white-color);
   font-weight: 500;
   text-transform: capitalize;
   text-align: center;
}
.ms-create-profile-inner ul{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   padding-top: 50px;
}
.ms-create-profile-inner ul li{
   margin-right: 20px;
}
.ms-create-profile-inner ul li .profileCreate{
   width: 110px;
   height: 100px;
   border-radius: 20px;
   background-color: #3b3f46;
   position: relative;
   z-index: 1;
   cursor: pointer;    
}
.ms-create-profile-inner ul li .profileCreate span svg{
   fill: #666c78;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: -1;
}
.ms-create-profile-inner ul li p{
   font-size: 14px;
   color: var(--ms-paragraph-color);
   font-weight: 400;
   text-align: center;
   padding-top: 10px;
}
.ms-create-profile-inner ul li a{
   text-align: center;
   display: block;
   font-size: 14px;
   color: var(--ms-paragraph-color);
   font-weight: 500;
   width: 110px;
   height: 100px;
   border-radius: 20px;
   background-color: #3b3f46;
}
.ms-create-profile-inner ul li a img{
   width: 110px;
   height: 100px;
   object-fit: cover;
   display: block;
   margin-bottom: 10px;    
}
.ms-create-profile-inner ul li a span{
   display: block;
}
.ms-create-profile-inner ul li a span svg{
   fill: #666c78;
}
/* create profile section css end */
/*profile page css start*/
.ms-profile-wrapper h1 {
    font-size: 26px;
    color: var(--ms-white-color);
    font-weight: 400;
    margin-bottom: 30px;
}
.ms-profile-box {
    background-color: var(--ms-grey-bg-color);
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0px;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 10px;
}
.ms-pro-img {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    background: var(--ms-primary-color);
}
.ms-pro-img img {
    width: 155px;
    height: 155px;
    border-radius: 50%;
    object-fit:cover;
    background:var(--ms-white-color);
    border: 2px solid var(--ms-light-grey-color);
}
.ms-pro-form {
    text-align: center;
    margin-top: 25px;
}
.ms-pro-form .form-group {
    margin-bottom: 25px;
    position: relative;
    width: 44%;
    display: inline-block;
    padding: 0px 12px;
    text-align: left;
    vertical-align: top;
}
.ms-pro-form .form-group input {
    padding: 18px;
    background-color:var(--ms-semi-dark-color);
    color: var(--ms-text-color);
    border: 1px solid var(--ms-bg-color);
    border-radius: 4px;
}
.ms-pro-form .form-group label {
    font-size: 16px;
    color: var(--ms-light-grey-color);
    margin-bottom: 5px;
    text-transform: capitalize;
}
.pro-change-form-btn .ms-btn {
    margin: auto;
}
.pro-change-form-btn {
    border-bottom: 1px solid var(--ms-bg-color);
    padding-bottom: 35px;
    padding-top: 10px;
}
.pro-form-btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.pro-form-btn input:nth-child(3) {
    margin-right: 10px;
}
.pro-form-btn input.ms-btn{
   max-width: 100px;
   width: 100%;
   height: 50px;
   border-radius: 4px;
   background-image: linear-gradient(to right, #ff543e 0%, #ff0065 50%, #ff543e 100%);
   background-size: 200% auto;
   color: var(--ms-white-color) !important;
   font-size: 16px;
   font-weight: 300;
   text-transform:capitalize;
   display: flex;
   justify-content: center;
   align-items: center;
   border:none;
   transition: all 0.5s;
}
.pro-form-btn input.ms-btn:hover{
   background-position: right center;
   color: var(--ms-white-color);
}
.pro-form-btn input.ms-btn:focus{
    border: none !important;
}
/*profile page css end*/
/* banner section css start */
.ms-banner-wrapper {
    position: relative;
    z-index: 0;
    background: var(--ms-dark-bg-color);
    padding: 15px 0 25px 0;
}
.ms-banner-bg-img-1 {
    background-color: hsla(200,40%,30%,.4);
    background-image: url('../images/bannerbg1.jpg');
    background-repeat: repeat-x;
    background-position: 0 20%,	0 100%,	0 50%, 0 100%, 0 0;
    background-size: 2500px, 800px,	500px 200px, 1000px, 400px 260px;
    animation: 90s para infinite linear;
    padding: 190px 0;
    /*margin-top: 30px;*/
}
@keyframes para {
   100% {
       background-position: -5000px 20%, -800px 95%, 500px 50%, 1000px 100%, 400px 0;
       }
   }
@keyframes parag {
   100% {
       background-position: 5000px 20%, 800px 95%, 500px 50%, 1000px 100%, 400px 0;
       }
   }
.ms-banner-bg-img-2 {
    background-color: hsla(200,40%,30%,.4);
    background-image: url('../images/bannerbg2.jpg');
    background-repeat: repeat-x;
    background-position: 0 20%,	0 100%,	0 50%, 0 100%, 0 0;
    background-size: 2500px, 800px,	500px 200px, 1000px, 400px 260px;
    animation: 90s parag infinite linear;
    padding: 205px 0;
    margin-top: 10px;
}
.ms-banner-inner{
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   transform: translateY(-50%);
   margin: auto;
   z-index:1; 
}
.ms-banner-heading{    
   margin: auto;    
}
.ms-banner-heading h1 {
    font-size: 40px;
    color: var(--ms-white-color);
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    max-width: 800px;
    width: 100%;
    margin: auto;
}
.ms-banner-btn{
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: 40px;
}
.ms-banner-heading .ms-btn {
    min-width: 180px;
    font-size: 18px;
    padding: 15px 20px;
}
.ms-banner-heading .ms-transparent-btn{
   margin-left: 30px;
}
/* banner section css end */
/* exclusive section css start */
.ms-offwhite-bg-wrapper {
    background: var(--ms-dark-bg-color);
}
.ms-exclusive-wrapper {
   padding: 80px 0 18px;
   background-color: var(--ms-light-bg-color);
   position: relative;
}
.ms-exclusive-wrapper .ms-load-more-wrap {
    margin-bottom: 6px;
}
.ms-exclusive-heading .heading{
   text-align: center;
}
.ms-exclusive-movie-box {
   cursor: pointer;
   transition: all 0.3s;
   margin-top: 10px;
}
.ms-latest-top-movies-slider .ms-exclusive-movie-box {
   margin-top: 10px;
}
.ms-exclusive-movie-img{
   position: relative; 
}
.ms-exclusive-wrapper .ms-exclusive-movie-img a:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,0.5);
    opacity:0;
    visibility:hidden;
    z-index:9;
    transition:all 0.3s;
}
.ms-exclusive-movie-box:hover .ms-exclusive-movie-img a:before{
    opacity:1;
    visibility:visible;
}
.ms-exclusive-movie-img img {
    transition: all 0.3s;
    width: 100%;
}
.ms-exclusive-movie-img svg{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin: auto;
    width: 45px;
    height: auto;
    opacity:0;
    visibility:hidden;
    transform:scale(2);
    fill:var(--ms-white-color);
    transition:all 0.3s;
    z-index:99;
}
.ms-exclusive-movie-box:hover .ms-exclusive-movie-img svg{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}
.ms-exclusive-movie-content{
   position: relative;
}
.ms-exclusive-rating {
    position: absolute;
    top: -14px;
    right: 20px;
    z-index: 99;
}
.ms-rating {
    top: auto;
    bottom: -8px;
}
.ms-exclusive-rating span {
   background-image: var(--ms-gredient-color);
   padding: 5px 10px;
   color: var(--ms-white-color);
   border-radius: 30px;
   text-align: center;
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
}
.ms-exclusive-rating span svg {
   fill: var(--ms-white-color);
   margin-top: -3px;
   margin-right: 3px;
}
.ms-exclusive-movie-content h4{
   font-size: 20px;
   color: var(--ms-white-color);
   font-weight: 500;
   padding: 25px 0 5px 0;
   transition: all 0.3s;
}
.ms-exclusive-movie-content > h4 > span{
   font-size: 14px;
   font-weight: 400;
   color: var(--ms-white-color);
   transition: all 0.3s;
}
.ms-exclusive-movie-content p {
    font-size: 14px;
    color: #555d68;
    font-weight: 500;
    transition: all 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ms-exclusive-btn{
    text-align:center;
}
.ms-exclusive-btn .ms-btn {
    min-width: 133px;
    margin: 40px auto 0 auto;
    padding: 11px 20px;
}
.ms-exclusive-movie-box:hover{
   transform: translateY(-10px);
}
.ms-load-more-wrap {
    margin-top: 40px;
}
.ajax-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--ms-light-bg-color);
    opacity: 0.92;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
}
.ajax-loader-inner {
    width:85px;
    height:85px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* exclusive section css end */
/* top movies section css start */

.ms-top-movies-wrapper .container-fluid{
   padding: 0 35px;
}
.ms-tvshow-spacer{
    padding: 80px 0px;
}
.ms-top-movies-wrapper .swiper{
   z-index: 0;
}
.ms-top-movies-heading {
   display: flex;
}
.ms-top-movies-heading .view-all{
   font-size: 16px;
   color: #b1bbcd;
   font-weight: 500;
   display: block;
   margin-left: auto;
   transition: all 0.3s;
}
.ms-top-movies-heading .view-all:hover{
   color: var(--ms-primary-color);
   letter-spacing: 1px;
}
.ms-top-movies-heading .view-all i{
   margin-left: 5px;
   font-size: 12px;
}
.ms-latest-top-movies-slider .swiper-button-next:after, .swiper-button-prev:after {
   display: none;
}
.ms-latest-trending-slider .swiper-button-next:after, .swiper-button-prev:after {
   display: none;
}
.ms-top-pick-slider .swiper-button-next:after, .swiper-button-prev:after {
   display: none;
}
.ms-letest-top-navigation .swiper-button-next{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0;
}
.ms-letest-top-navigation .swiper-button-prev {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;
   z-index: 9;
}
.ms-letest-top-navigation .swiper-button-next span{
   width: 28px;
   height: 56px;
   background-color: var(--ms-black-color);
   opacity: 0.7;
   display: flex;
   justify-content: center;
   align-items: center;        
   transition: all 0.3s;    
}
.ms-letest-top-navigation .swiper-button-prev span{
   width: 28px;
   height: 56px;
   background-color: var(--ms-black-color);
   opacity: 0.7;
   display: flex;
   justify-content: center;
   align-items: center;        
   transition: all 0.3s;    
}
.ms-letest-top-navigation .swiper-button-prev span svg{
   fill: var(--ms-white-color);
   transform: rotate(180deg);
}
.ms-letest-top-navigation .swiper-button-next span svg{
   fill: var(--ms-white-color);
}
.ms-letest-top-navigation .swiper-button-next span:hover{
   background-color: var(--ms-primary-color);
   opacity: 1;
}
.ms-letest-top-navigation .swiper-button-prev span:hover{
   background-color: var(--ms-primary-color);
   opacity: 1;
}
/* top movies section css end */
/* language section css start */
.ms-language-wrapper{
   background-color: var(--ms-light-bg-color);
}
.ms-language-heading .heading{
   text-align: center;
}
.ms-language-box{
   transition: all 0.3s;
}
.ms-language-box a {
    display: flex;
    width: 100%;
    height: 150px;
    background: #ff9946;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.ms-language-box a h2 {
    color: var(--ms-white-color);
    font-size: 30px;
    font-weight: 500;
}
.ms-language-wrapper .lang-english a {
    background: #d03fff;
}
.ms-language-wrapper .lang-chinese a {
    background: #4ca9ff;
}
.ms-language-wrapper .lang-spanish a {
    background: #993fff;
}
.ms-language-wrapper .lang-french a {
    background: #4cbb64;
}
.ms-language-wrapper .lang-arabic a {
    background: #ff4c6a;
}
.ms-language-wrapper .lang-bangla a {
    background: #ff5656;
}
.ms-language-wrapper .lang-russian a {
    background: #29e1e8;
}
.ms-language-wrapper .lang-portuguese a {
    background: #ef57d1;
}
.ms-language-wrapper .lang-indonesian a {
    background: #eeb734;
}
.ms-language-wrapper .lang-urdu a {
    background: #5186ff;
}
.ms-language-wrapper .lang-german a {
    background: #753fff;
}

.ms-language-box:hover{
   transform: translateY(-10px);
}
.ms-language-box p{
   font-size: 18px;
   color: var(--ms-white-color);
   font-weight: 500;
   text-align: center;
   padding-top: 10px;
}
/* language section css end */
/* top rated section css start */
.ms-top-rated-wrapper{
   padding: 80px 0 70px 0;
   background-color: var(--ms-dark-bg-color);
   position: relative;
}
.ms-top-rated-wrapper .container-fluid{
   padding: 0 80px;
}
.ms-top-rated-wrapper .swiper{
   z-index: 0;
   padding-bottom: 75px;
}
.ms-top-rated-heading .heading{
   text-align: center;
}
.ms-top-rated-img{
   cursor: pointer;
   transition: all 0.3s;
}
.ms-top-rated-img{
   border: 2px solid transparent;
}
.ms-top-rated-img:hover{
   box-shadow:0 0 20px rgba(244,35,82,0.3);
   border: 2px solid var(--ms-primary-color);    
}
.ms-top-rated-wrapper .swiper-button-next:after, .swiper-button-prev:after {
   display: none;
}
.ms-top-rated-wrapper .ms-letest-top-navigation .swiper-button-next{
   top: 52%;
}
.ms-top-rated-wrapper .ms-letest-top-navigation .swiper-button-prev{
   top: 52%;
}
.ms-top-rated-wrapper .ms-letest-top-navigation .swiper-button-next span{
   background-color: #383e48;
}
.ms-top-rated-wrapper .ms-letest-top-navigation .swiper-button-prev span{
   background-color: #383e48;
}
.ms-top-rated-wrapper .ms-letest-top-navigation span:hover{
      background-color: var(--ms-primary-color);
}
.ms-top-rated-wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: var(--videospire-font-color);
    opacity: 1;
}
.ms-top-rated-wrapper .swiper-pagination-bullet-active {
    background-color: var(--ms-primary-color) !important;
}
/* top rated section css end */
/* overview section css start */
.ms-overview-wrapper {
    padding: 80px 0;
    background-color: var(--ms-dark-bg-color);
}
.ms-ovrview-sapcer {
    margin-top: 0;
}
.ms-overview-wrapper .container{
   position: relative;
   padding:0;
}
.ms-overview-wrapper .swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
   overflow: hidden;
}
.ms-overview-wrapper .swiper{
   z-index: 0;
}
.ms-overview-wrapper .swiper-button-next, .swiper-button-prev{
   z-index: 0;
}
.ms-overview-top-heading .heading{
   text-align: center;
}
.ms-overview-right .ms-overview-heading a > h4, .ms-overview-heading h1{
   font-size: 42px;
   font-weight: 500;
   color: var(--ms-white-color);
   padding-bottom: 20px;
}
.ms-overview-heading h1{
   margin:0;
   text-align: left;
}
.ms-overview-right .ms-overview-heading .overviewspanHeading{
   font-size: 50px;
   color: var(--ms-primary-color);
}
.ms-overview-heading .overviewIcon{
   background-image: var(--ms-gredient-color);
   padding: 5px 10px;
   color: var(--ms-white-color);
   border-radius: 30px;
   text-align: center;
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
}
.ms-overview-heading .overviewIcon svg{
   fill: var(--ms-white-color);
   margin-top: -3px;
   margin-right: 3px;
}
.ms-overview-heading h5{
   font-size: 16px;
   color: var(--ms-white-color);
   font-weight: 400;
   display: inline-block;
   padding-left: 15px;
}
.ms-overview-heading p {
    font-size: 17px;
    color: var(--ms-white-color);
    font-weight: 300;
    padding: 25px 0 20px 0;
}
.ms-overview-right-content h4, .ms-overview-right-content h4 a {
   font-size: 17px;
   color: var(--ms-light-grey-color);
   font-weight: 400;
   padding-bottom: 12px;
}
.ms-overview-right-footer {
   padding-top: 15px;
}
.ms-overview-right-footer ul li{
   display:inline-block;
   vertical-align: middle;
   margin-right: 25px;
   margin-bottom:0px;
}
.ms-overview-right-footer ul li:last-child{
   margin-right: 0;
}
.ms-overview-right-footer ul li.viewTrailer a {
    border-radius: 4px;
    background-color: #383c44;
    color: var(--ms-white-color);
    padding: 7px 25px;
    transition: all 0.3s;
}
.ms-overview-right-footer ul li.viewTrailer a:hover {
    background-color: var(--ms-primary-color);
    color: var(--ms-white-color) !important;
}
.ms-overview-right-footer ul li a{
   font-size: 16px;
   color: var(--ms-white-color);
   font-weight: 400;    
   display: block;
}
.ms-overview-right-footer ul li a span svg{
   fill: var(--ms-primary-color);
   margin-right: 7px;
   margin-top: -3px;
}
.ms-overview-slider-btn .swiper-button-next:after, .swiper-button-prev:after {
   display: none;
}
.ms-overview-slider-btn span{
   width: 40px;
   height: 56px;
   background-color: #383e48;    
   display: flex;
   justify-content: center;
   align-items: center;        
   transition: all 0.3s;
}
.ms-overview-slider-btn span svg{
   fill:var(--ms-white-color);
}
.ms-overview-slider-btn .swiper-button-next, .swiper-button-prev{
   position: absolute;    
}
.ms-overview-slider-btn .swiper-button-next{
   right: -65px;
   width: 40px;
   height: 56px;
}
.ms-overview-slider-btn .swiper-button-prev{
   width: 40px;
   height: 56px;
   left: -65px;
   transform: rotate(180deg);
}
.ms-overview-slider-btn span:hover{
   background-color: var(--ms-primary-color);
}
/* overview section css end */

/* videospire selection section css start */
.ms-light-bg-wrapper{
    background-color: var(--ms-light-bg-color);
}
.ms-videospire-selection-wrapper .container-fluid {
   padding: 0 35px;
}
.ms-videospire-selection-wrapper .swiper{
   z-index: 0;
}
.ms-videospire-selection-wrapper .ms-latest-top-movies-slider{
   margin-bottom:0;
}
/* videospire selection section css end */
/* footer section css start */
.ms-footer-wrapper {
    background-color: var(--ms-dark-bg-color);
    overflow: hidden;
}
.ms-footer-spacer{
    padding: 80px 0 51px 0;
}
body.videospire-demo .ms-footer-spacer {
    padding: 80px 0;
}
.ms-footer-logo p{
   font-size: 16px;
   color: var(--ms-white-color);
   font-weight: 400;
   padding-top: 25px;
}
.ms-footer-logo span{
   color: var(--ms-primary-color);
}
.ms-footer-social h4 {
   text-transform: uppercase;
   font-size: 14px;
   color: var(--ms-white-color);
   font-weight: 400;
   padding: 25px 0 18px 0;
}
.ms-footer-social ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 0;
    padding-left: 0;
}
.ms-footer-social ul li a span{
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background-color: #2b3038;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: all 0.3s;
}
.ms-footer-social ul li a span svg{
   fill: var(--ms-white-color); 
}
.ms-footer-social ul li a:hover span{
   background-color: var(--ms-primary-color);
   transform: translateY(-5px);
}
.ms-footer-links h4{
   font-size: 20px;
   color: var(--ms-white-color);
   font-weight: 500;
   padding-bottom: 30px;
   padding-top: 7px;
}
.ms-footer-links ul li{
   list-style-type: disc;
   margin-bottom: 10px;
   margin-left: 20px;
   transition: all 0.3s;
}
.ms-footer-links ul li:last-child{
   margin-bottom: 0;
}
.ms-footer-links ul li::marker{
   color: var(--ms-primary-color);
   font-size: 20px;    
}
.ms-footer-links ul li a{
   font-size: 14px;
   color: var(--ms-paragraph-color);
   font-weight: 500;
   transition: all 0.3s;
}
.ms-footer-links ul li a:hover{
   color: var(--ms-primary-color);
}
.ms-footer-newsletter h4{
   font-size: 20px;
   color: var(--ms-white-color);
   font-weight: 500;
   padding-bottom: 35px;
   padding-top: 7px;
}
.ms-footer-newsletter p {
   font-size: 14px;
   color: var(--ms-paragraph-color);
   font-weight: 400;
   padding-bottom: 30px;
   max-width: 234px;
   width: 100%;
}
.ms-footer-news-input{
   position: relative;
}
.ms-footer-news-input input {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    background-color: #edf1f4 !important;
    font-size: 16px;
    color: #777777 !important;
    font-weight: 400;
    padding: 0 60px 0 20px;
    border: none;
    transition: all 0.5s;
}
.ms-footer-news-input span:hover{
   background-position: right center;
}
.ms-footer-news-input input::placeholder{
   color: #777777;
}
.ms-footer-news-input a span{
   width: 66px;
   height: 50px;
   border-radius: 4px;
   background-image: var(--ms-gredient-color);
   background-size: 200% auto;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 0;
   right: -20px;
   cursor: pointer;
}
section#media_gallery-2 {
    margin: 0px;
}
div#gallery-1 {
    margin-bottom: 10px;
}
.vlogheading {
    color: white !important;
}
.vlogbtn {
    color: black !important;
    background: white !important;
}
.gallery-icon.landscape {
    margin-right: 20px;
}
.ms-footer-wrapper .ms-footer-social h4.ms-social-title{
    font-size: 14px;
   color: var(--ms-white-color);
   font-weight: 400;
   padding-bottom:18px;
}
.ms-footer-news-input span svg {
    fill: var(--ms-white-color);
    width: 19px;
    height: auto;
}
.ms-footer-wrapper .widget ul li:before, .widget ol li:before {
    display: none;
}
/* footer section css end */
/* copyright section css start */
.ms-copyright-wrapper{
   background-color: #23262c;
}
.ms-copyright-wrapper p a {
    font-size: 14px;
    color: var(--ms-white-color);
    font-weight: 500;
    font-family: "Mulish";
    text-align: center;
    padding: 15px 0 14px 0;
    display:block;
}
body:not(.videospire-demo) .ms-copyright-wrapper p{
    font-size: 14px;
    color: var(--ms-white-color);
    font-weight: 500;
    font-family: "Mulish";
    text-align: center;
    padding: 15px 0 14px 0;
    margin:0;
}
body:not(.videospire-demo) .ms-copyright-wrapper p a {
    color: var(--ms-primary-color);
    font-weight: 600;
    display: inline-block;
    padding: 0;
}
/* copyright section css end */

/* index page 3 css start */
/* overview section css start */
.ms-overview-index3{
   position: relative;
}
.ms-overview-left img {
    width: 100%;
}
.ms-overview-index3 span{
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);    
}
.ms-overview-index3 span svg{
   fill: var(--ms-white-color);
}
.ms-overview-right-footer ul li a {
    transition: all 0.3s;
    color: var(--ms-white-color) !important;
}
.ms-overview-right-footer ul li a span svg{
   transition: all 0.3s;
}
.ms-overview-right-footer ul li a:hover {
    color: var(--ms-primary-color) !important;
}
.ms-overview-right-footer ul li a:hover span svg{
   fill: var(--ms-primary-color);
}
/* overview section css end */
/* episode section css start */
.ms-epi-wrapper{
   padding: 80px 0 60px 0;
   background-color: var(--ms-light-bg-color);
}
.ms-epi-wrapper .container {
    padding: 0;
}
.ms-epi-rectangle {
    margin-bottom: 20px;
}
.ms-epi-rectangle:last-child{
    margin-bottom: 0px;
}
.ms-epi-inner{
   display: flex;
   align-items: center;
   padding: 10px;
   background-color: var(--ms-dark-bg-color);
   cursor: pointer;
   transition: all 0.3s;
   margin-bottom: 20px;
   border: 1px solid transparent;
}
.ms-epi-left {
   width: 40%;
   position: relative;
}
.ms-epi-left a.ms-video-play-trailer span svg{
    fill:var(--ms-white-color);
    transform:scale(2);
    transition:all 0.3s;
    opacity:0;
    visibility:hidden;
}
.ms-epi-inner:hover .ms-epi-left a.ms-video-play-trailer span svg{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}
.ms-epi-overlay{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: rgba(0,0,0,0.5);
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s;
}
.ms-epi-overlay span{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.ms-epi-inner:hover .ms-epi-overlay{
   opacity: 1;
   visibility: visible;
} 
.ms-epi-inner:hover{
   border: 1px solid #323740;
}
.ms-epi-overlay span svg{
   fill: var(--ms-white-color);
   transform:scale(2);
   transition:all 0.3s;
}
.ms-epi-inner:hover .ms-epi-overlay span svg{
    transform:scale(1);
}
.ms-epi-right {
   margin-left: 30px;
   position: relative;
   width:60%;
}
.ms-epi-right h4 {
    font-size: 30px;
    color: var(--ms-white-color);
    font-weight: 500;
}
.ms-epi-right h5{
   font-size: 16px;
   color: var(--ms-white-color);
   font-weight: 400;
   padding: 15px 0;
}
.ms-epi-right p {
    font-size: 16px;
    line-height: 1.5;
    color: var(--ms-white-color);
    font-weight: 300;
    padding-bottom: 20px;
}
.ms-epi-right h6 {
    font-size: 17px;
    color: var(--ms-light-grey-color);
    font-weight: 400;
    padding-bottom: 12px;
}
.ms-epi-right h6:nth-child(7) {
    padding-bottom: 0px;
}
.ms-epi-right h6 a {
    color: var(--ms-light-grey-color);
}
.ms-epi-right span{
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background-color: #2a2f36;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: all 0.3s;
   position: absolute;
   bottom: 0;
   right: 15px;
}
.ms-epi-right span:hover{
   box-shadow: 0 0 0 25px var(--ms-primary-color) inset;
}
.ms-epi-right span svg{
   fill: var(--ms-white-color);    
}
/* episode section css end */
/* trailor section css start */
.ms-trailor-wrapper{
   padding: 80px 0;
   background-color: var(--ms-dark-bg-color);
}
.ms-trailor-wrapper .container {
    padding: 0;
}
.ms-trailor-inner{
   background-color: var(--ms-light-bg-color);
   margin-bottom: 0;
}
/* trailor section css end */
/* index page 3 css end */

/* player page css start */
.ms-gallery-slider-wrapper {
    padding: 15px 0;
    background-color: var(--ms-dark-bg-color);
}
.ms-gallery-slider-wrapper .container-fluid {
    padding-left: 35px;
}
.ms-gallery-slider-wrapper .gallery-container {
    display: flex;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 80px;
    margin-top:15px;
}
.ms-gallery-slider-wrapper .gallery-main{    
   width: 80%;
   padding-right: 15px;
}
.ms-gallery-slider-wrapper .gallery-main .ms-gallery-main-img{
   height: 790px;
}
.ms-gallery-slider-wrapper .gallery-main .ms-gallery-main-img video {
    width: 100% !important;
    height: 790px !important;
    object-fit: cover;
}
.ms-gallery-slider-wrapper .gallery-main .ms-gallery-main-img .jp-video-full video {
    height: 100% !important;
}
.ms-gallery-slider-wrapper .gallery-thumbs{
   width: 20%;
   max-height: 790px;
   overflow: auto;
}
.ms-gallery-slider-wrapper .gallery-thumbs .ms-gallery-thumb-img{
   position: relative;
   width: 100%;
   margin-bottom: 15px;
}
.ms-gallery-slider-wrapper .gallery-thumbs .swiper-slide:hover .ms-epi-overlay{
   opacity: 1;
   visibility: visible;
}
.ms-gallery-main-img{
   position: relative;
}
.ms-likethis-player {
    padding: 80px 0;
    background: var(--ms-light-bg-color);
}
/*player css start*/
.ms-gallery-slider-wrapper .jp-jplayer {
    width: 100% !important;
}
.jp-video-play-icon {
     margin: 0px; 
}
.ms-gallery-slider-wrapper .jp-jplayer img#jp_poster_0 {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width: 100% !important;
    height:100% !important;
    object-fit:cover;
}
.ms-gallery-slider-wrapper .jp-playlist li div {
    display: block;
}
.ms-gallery-slider-wrapper .ms-player-paylist {
    position: relative;
}
.ms-gallery-slider-wrapper .ms-player-ovrly {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.ms-player-ovrly-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--ms-white-color);
    font-weight: 600;
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.ms-gallery-slider-wrapper .ms-player-paylist:hover .ms-player-ovrly, .ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist a.jp-playlist-current .ms-player-paylist .ms-player-ovrly, .ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist a.jp-playlist-current .ms-player-paylist .ms-player-ovrly-text{
    opacity:1;
    visibility:visible;
}
.ms-gallery-slider-wrapper .ms-player-ovrly-icon img {
    width: 50px;
    height: auto;
    object-fit:cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(2);
    transition: all 0.3s;
}
.ms-gallery-slider-wrapper .ms-player-paylist:hover .ms-player-ovrly-icon img{
    opacity:1;
    visibility:visible;
    transform: scale(1);
}
.ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist a.jp-playlist-current .ms-player-paylist .ms-player-ovrly-icon img{
    display:none;
}
.ms-gallery-slider-wrapper .jp-video .jp-current-time, .jp-video .jp-duration {
    margin-left: 20px;
    color: var(--ms-white-color);
    font-size: 13px;
    font-style: unset;
    font-family: outfit;
    padding-top: 5px;
    font-weight: 300;
}
.ms-gallery-slider-wrapper button.jp-stop {
    display: none;
}
.ms-gallery-slider-wrapper .jp-interface {
    background-color: var(--ms-black-color);
}
.ms-gallery-slider-wrapper .jp-gui {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.ms-gallery-slider-wrapper .jp-details, .jp-playlist {
    background-color: var(--ms-dark-bg-color);
}
.ms-gallery-slider-wrapper .jp-playlist ul {
    margin: 0 15px 0 0;
    padding: 0;
    font-size: 18px;
}
.ms-gallery-slider-wrapper .jp-playlist li {
    padding: 0;
    border-bottom: none;
}
.ms-gallery-slider-wrapper .jp-playlist li div a.ms-player-paylist img{
   display: block;
   width: 100% !important; 
   height: 253px !important;    
   object-fit: cover;
}
/*player thumb css start*/
.ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist a.jp-playlist-current, .ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist a:hover {
    color: var(--ms-primary-color);
}
.ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist a {
    color: var(--ms-white-color);
    text-decoration: none;
}
.ms-gallery-slider-wrapper span.jp-artist {
    color: var(--ms-light-grey-color);
}
.ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist li.jp-playlist-current, .ms-gallery-slider-wrapper div.jp-type-playlist div.jp-playlist li:last-child {
    padding-left:0;
    list-style: none;
}
.ms-gallery-slider-wrapper .ms-player-paylist {
    margin: 5px 0 20px 0;
}
.ms-gallery-slider-wrapper .jp-playlist ul li:last-child .ms-player-paylist {
    margin-bottom: 0;
}
/*player thumb css end*/

/*player btns css start*/
.ms-gallery-slider-wrapper .jp-video .jp-interface .jp-controls-holder {
     position: unset; 
}
.ms-gallery-slider-wrapper .jp-video .jp-toggles {
    bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ms-gallery-slider-wrapper .jp-toggles button {
    float: none;
    margin: 0;
}
.ms-gallery-slider-wrapper button.jp-repeat, .ms-gallery-slider-wrapper button.jp-shuffle {
    margin-right: 10px;
}
.ms-gallery-slider-wrapper .jp-video .jp-toggles {
    width: 120px;
}
.ms-gallery-slider-wrapper .jp-controls button {
    float: none !important;
    margin-right: 10px;
}
.ms-gallery-slider-wrapper .jp-controls button.jp-next {
    margin-right: 0 !important;
}
.ms-gallery-slider-wrapper .jp-video .jp-progress {
    height: 5px;
}
.ms-gallery-slider-wrapper .jp-video .jp-type-playlist .jp-controls {
    width: 117px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
.ms-gallery-slider-wrapper .jp-video .jp-interface .jp-controls-holder {
    width: 117px;
}
.ms-gallery-slider-wrapper .jp-play {
    border-radius: 10px;
}
.ms-gallery-slider-wrapper .jp-next, .jp-previous, .jp-stop {
    margin-top: 0px; 
    border-radius: 6px;
}
.ms-gallery-slider-wrapper .jp-stop {
     margin-left: 0; 
}
.ms-gallery-slider-wrapper .jp-next, .ms-gallery-slider-wrapper .jp-previous, .ms-gallery-slider-wrapper .jp-stop {
    padding: 0px;
}
.ms-gallery-slider-wrapper .jp-video .jp-volume-controls {
    display: block;
    left: 20px;
    top: 60px;
}
.jp-video .jp-toggles {
    position: absolute;
    top: 55px;
    right: 16px;
    margin-top:0 !important;
}
.jp-video-full .jp-toggles {
    position: absolute !important;
    top: 30px !important;
}
.jp-volume-controls button{
    z-index:1;
}
.jp-video .jp-current-time {
    margin-left: 20px;
    color: var(--ms-white-color);
    font-size: 13px;
    font-style: unset;
    font-family: outfit;
    padding-top: 5px;
    font-weight: 300;
}
/*player btns css end*/
/*player css end*/
/* player page css end */

/*playlist page css start*/
.ms-heading h1 {
    font-size: 18px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    color: var(--ms-light-grey-color);
}
.ms-rcnt-box-img, .slider-cimgbox {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.ms-rcnt-box-img>img {
    width: 100%;
    max-height: 285px;
    min-height: 285px;
    object-fit: cover;
}
.ms-rcnt-box-img img {
    width: 100%;
    border-radius: 4px;
}
.ms-main-overlay {
    opacity: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.ms-box-overlay {
    position: absolute;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-background-color: rgba(0, 0, 0, 0.5);
    -moz-background-color: rgba(0, 0, 0, 0.5);
    -o-background-color: rgba(0, 0, 0, 0.5);
    -ms-background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    visibility: hidden;
    opacity: 0;
}
.ms-box-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-background-color: rgba(0, 0, 0, 0.5);
    -moz-background-color: rgba(0, 0, 0, 0.5);
    -o-background-color: rgba(0, 0, 0, 0.5);
    -ms-background-color: rgba(0, 0, 0, 0.5);
}
.ms-rcnt-box .ms-play-icon, .ms-genres-box .ms-play-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ms-rcnt-box .ms-play-icon img, .ms-genres-box .ms-play-icon img {
    display: inline-block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    opacity: 0;
    cursor: pointer;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    color: rgba(50, 50, 50, 0.9);
}
.ms-more-icon {
    position: absolute;
    top: -10%;
    right: 20px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    cursor:pointer;
    z-index:99;
}
.ms-rcnt-box:hover .ms-more-icon, .ms-genres-box:hover .ms-more-icon, .slider-cbox:hover .ms-more_icon {
    top: 10px;
}
ul.more-option {
    margin: 0px;
    position: absolute;
    top: 5px;
    right: 40px;
    background-color: var(--ms-modal-bg-color);
    list-style: none;
    padding: 15px 20px 10px 15px;
    text-align: left;
    border-radius: 4px;
    z-index: 100;
     visibility: hidden; 
     opacity: 0; 
    transform: translateX(-15px);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
ul.more-option.open-option {
    opacity: 1;
    visibility: visible;
    right: 50px;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
}
ul.more-option li {
    width: 100%;
    display: block;
}
ul.more-option:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 9px;
    right: -9px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid var(--ms-modal-bg-color);
}
ul.more-option li a {
    text-align: left !important;
    color: var(--ms-light-grey-color);
    padding-bottom: 10px;
    display: block;
    font-size: 13px;
}
.ms-top-artist ul.more-option li a {
    padding-bottom: 5px;
}
ul.more-option li a .opt-icon {
    padding-right: 10px;
}
ul.more-option li a .opt-icon .icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
ul.more-option li a .opt-icon .icon {
    height: 20px;
    width: 20px;
}
.ms-rcnt-box:hover .ms-main-overlay, .slider-cbox:hover .ms-main-overlay {
    opacity: 1;
}
.ms-rcnt-box:hover .ms-box-overlay, .slider-cbox:hover .ms-box-overlay {
    visibility: visible;
    opacity: 1;
}
.ms-play-icon svg {
    fill: var(--ms-white-color);
    transition: all 0.3s;
    transform: scale(2);
}
.ms-rcnt-box:hover .ms-play-icon, .ms_release_box:hover .ms-play-icon, .ms-weekly-box:hover .ms-play-icon, .slider-cimgbox:hover .ms-play-icon {
    visibility: visible;
    opacity: 1;
}
.ms-rcnt-box:hover .ms-play-icon svg, .ms_release_box:hover .ms-play-icon svg, .ms-weekly-box:hover .ms-play-icon svg, .slider-cimgbox:hover .ms-play-icon svg{
    transform: scale(1);
}
.ms-rcnt-box:hover .ms-play-icon img, .ms-genres-box:hover .ms-play-icon img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.ms-rcnt-box-text h3, .w-top_song .w-tp-song-name h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
.ms-rcnt-box-text p {
    color: var(--ms-white-color);
}
.ms-rcnt-box-text h3 a, .w-top-song .w-tp-song-name h3 a {
    color: var(--ms-white-color);
}
.ms-rcnt-box-text {
    text-align: left;
    margin-top: 20px;
}
/*create playlist css start*/
.create-playlist {
    background: var(--ms-primary-color);
    width: 100%;
    height: 285px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}
.ms-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon.svg);
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    display: inline-block;
}
.create-playlist i.ms-icon.icon-playlist {
    position: absolute;
    top: 50%;
    left: 50%;
    background-position: -355px -25px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
    -moz-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
}
/*create plyalist css end*/
/*playlist page css end*/

/*subscription page css start*/
.ms-acc-overview {
    width: 30%;
    background-color: var(--ms-modal-bg-color);
    border-radius: 4px;
    padding-top: 50px;
    text-align: center;
    margin: auto;
    border-radius: 10px;
}
.ms-dsboad-inner .ms-acc-overview{
    width: 100%;
}
.ms-upload-box, .ms-acc-overview {
    background-color: var(--ms-grey-bg-color)!important;
}
.ms-account-wrapper .ms-acc-overview .ms-heading {
    margin-bottom: 35px;
}
.ms-acc-overview .ms-heading h1 {
    margin-bottom: 30px;
    font-size: 22px;
    color: var(--ms-primary-color);
    font-weight: 500;
}
.ms-acc-ovrview-list {
    padding: 0px 50px;
    margin: auto;
}
.ms-acc-ovrview-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
article#post-163 {
    margin-bottom: 0;
}
.ms-mnge-stripe-btn, .ms-mnge-plan-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ms-mnge-stripe-btn a.ms-btn{
    margin-left:10px;
}
.ms-acc-ovrview-list .ms-btn {
    margin: 30px 0px 50px 0;
}
.ms-mnge-plan-btn .ms_ffree_renew {
    margin-right: 10px;
}
.ms-acc-ovrview-list button.stripe-button-el {
    margin: 30px 0 50px 0;
}
.ms-acc-ovrview-list ul li {
    text-align: left;
    width: 100%;
    display: flex;
    color: var(--ms-white-color);
    font-size: 18px;
    font-weight: 500;
    padding: 15px 30px;
    text-transform: capitalize;
    justify-content: space-between;
    background: #282c34;
    border-radius: 4px;
    align-items: center;
    border: 1px solid #373a42;
}
.ms-acc-ovrview-list ul li span {
    text-align: right;
    float: right;
    width: 30%;
    color: var(--ms-light-grey-color);
}
.ms-acc-ovrview-list a.ms_btn {
    margin-left: 0px;
    height: 40px;
    line-height: 42px;
    padding: 0px 33px;
    width: auto;
    margin-top: 15px;
}
/*subscription page css end*/

/*dashboard page css start*/
.ms-main-wrap {
    background-repeat: no-repeat;
}
.ms-dsboad-wrapper {
    padding: 80px 80px 50px 80px;
}
.ms-profile-wrapper {
    text-align: center;
}
.ms-dsboad-inner {
    padding: 80px 80px 70px 80px;
}
.ms-profile-head {
    z-index: 1;
    position: relative;
}
.ms-profile-img {
    position: relative;
}
.ms-profile-img img {
    border-radius: 100%;
    padding: 5px;
    width: 140px;
    height: 140px;
    background: var(--ms-white-color);
    object-fit: cover;
}
.ms-profile-text {
    padding-left: 25px;
    vertical-align: middle;
}
.ms-profile-text h2 {
    font-size: 22px;
    color: var(--ms-white-color);
    padding-bottom: 5px;
    text-transform: capitalize;
}
.ms-profile-text p {
    color: var(--ms-white-color);
    font-size: 15px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    word-break: break-all;
}
.ms-profile-text p {
    color: var(--ms-white-color);
    font-size: 15px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    word-break: break-all;
}
.ms-profile-view {
    text-align: right;
}
.ms-profile-view ul {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom:20px;
}
.ms-profile-view ul li {
    text-align: center;
    background: rgb(0 0 0 / 50%);
    padding: 15px 15px 10px;
    min-width: 140px;
    margin: 6px;
    border-radius: 4px;
    color: var(--ms-white-color);
}
.ms-profile-view ul li p {
    color: var(--ms-primary-color)!important;
}
.ms-profile-view ul li span {
    font-size: 25px;
    color: var(--ms-primary-color);
    font-weight: 800;
    display: block;
}
.ms-profile-img, .ms-profile-text, .ms-profile-view ul li {
    display: inline-block;
}
.ms-profile-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background:var(--ms-primary-color);
}
.ms-user-dash li {
    margin-bottom: 10px;
    list-style: none;
}
.ms-user-dash li a {
    background: var(--ms-grey-bg-color);
    color: var(--ms-light-grey-color);
    display: block;
    padding: 10px 12px;
    border-radius: 4px;
    transition: 0.3s;
}
.ms-user-dash li a:hover, .ms-user-dash ul.menu li.current-menu-item a {
    background: var(--ms-primary-color);
    color: var(--ms-white-color);
}
.ms-profile-head .ms-footer-social {
    margin: 20px;
}
.ms-profile-head .ms-footer-social ul li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--ms-modal-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.ms-footer-social ul li:last-child {
    margin-right: 0px;
}
.ms-profile-head .ms-footer-social ul li a i{
    color: var(--ms-white-color);
}
.ms-profile-head .ms-footer-social ul li a:hover{
    background: var(--ms-primary-color);
}
/*dashboard page css end*/

/* profile modal css start */
.modal {
    z-index: 9999 !important;
}
.ms-profile-modal .modal-dialog-centered{
   min-height: auto !important;
}
.ms-profile-modal .modal-content{
   max-width: 500px;
   width: 100%;
   border-radius: 10px;
   background-color: var(--ms-grey-bg-color);
   padding: 50px 40px;
   margin: 100px auto 0 auto;
   position: relative;    
   border: none;    
   outline: 0;
}
.ms-profile-modal .modal-header {   
   padding: 0;     
   border-bottom: none;
   border-radius: 0;
}
.modal-dialog .closemodal {
   color: var(--ms-white-color);
   font-size: 20px;
   background-color: var(--ms-modal-bg-color);
   border-radius: 50%;
   padding: 5px;
   position: absolute;
   top: 5px;
   right: 5px;
   width: 25px;
   height: 25px;
   display: flex;
   justify-content: center;
   align-items: center;    
   cursor: pointer;
}
.ms-profile-modal .modal-body {    
   padding: 0;
}
.ms-profile-modal .modal-footer {   
   display: block; 
   padding: 0;
   border-top:none;
   border-radius: 0;
   margin-top: 20px;
}
.ms-profile-modal .modal-header h4 {
   font-size: 20px;
   color: var(--ms-white-color);
   font-weight: 500;
   padding-bottom: 30px;
}
.ms-profile-modal .modal-body .form-group label {
   font-size: 16px;
   color: var(--ms-white-color);
   font-weight: 500;
   padding-bottom: 15px;
}
.ms-profile-modal .modal-body .form-group input{
   width: 100%;
   height: 60px;
   border-radius: 4px;
   background-color: var(--ms-semi-dark-color);
   border: 1px solid var(--ms-bg-color);
   font-size: 16px;
   color: var(--ms-text-color);
   font-weight: 300;
   padding: 0 20px;
   margin-bottom: 20px;
}
.ms-profile-modal .modal-body .form-group .nice-select:after{    
   display: none;
}
.ms-profile-modal .nice-select{   
   width: 100%;
   height: 60px;
   border-radius: 4px;
   background-color: var(--ms-semi-dark-color);
   border: 1px solid var(--ms-bg-color);
   font-size: 16px;
   color: var(--ms-text-color);
   font-weight: 300;
   padding: 0 20px;      
   margin-bottom: 20px;
   appearance: none;
   position: relative;
   background-image: url(../images/selecticon.svg);
   background-position: right 20px top 25px;
   background-repeat: no-repeat;
   cursor: pointer;
}
.ms-profile-modal span.current{
   position: absolute;
   top: 10px;
}
.ms-profile-modal .nice-select .list{
   background-color: var(--ms-light-bg-color);
   width: 100%;
}
.ms-profile-modal .nice-select .option {
   color: var(--ms-text-color);
   font-size: 16px;    
   font-weight: 300;
}
.ms-profile-modal .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
   background-color: var(--ms-dark-bg-color);
}
.ms-profile-modal .modal-body .form-group input::placeholder{
   color: var(--ms-text-color);
}
/* profile modal css end */

/* social modal css start */
.ms-social-share-modal .modal-dialog-centered{
   min-height: auto !important;
}
.ms-social-share-modal .modal-content {
   max-width: 405px;
   width: 100%;
   border-radius: 10px;
   background-color: var(--ms-grey-bg-color);
   padding: 40px;
   margin: 100px auto 0 auto;
   position: relative;
   border: none;
   outline: 0;
}
.ms-social-share-modal .modal-header {   
   padding: 0;     
   border-bottom: none;
   border-radius: 0;
}
.ms-social-share-modal .modal-dialog .closemodal {
   color: var(--ms-white-color);
   font-size: 20px;
   background-color: var(--ms-modal-bg-color);
   border-radius: 50%;
   padding: 5px;
   position: absolute;
   top: 5px;
   right: 5px;
   width: 25px;
   height: 25px;
   display: flex;
   justify-content: center;
   align-items: center;    
   cursor: pointer;
}
.ms-social-share-modal .modal-body {    
   padding: 0;
}
.ms-social-share-modal .modal-footer {   
   display: block; 
   padding: 0;
   border-top:none;
   border-radius: 0;
   margin-top: 20px;
}
.ms-social-share-modal .modal-body .ms-social-modal-icons h4 {
   font-size: 20px;
   color: var(--ms-white-color);
   font-weight: 500;
   padding-bottom: 30px;
}
.ms-social-share-modal .modal-body .ms-social-modal-icons ul{
   display: flex;
   flex-wrap: wrap;
}
.ms-social-share-modal .modal-body .ms-social-modal-icons ul li{
   margin-right: 30px;
   margin-bottom: 10px;
}
.ms-social-share-modal .modal-body .ms-social-modal-icons ul li:last-child{
   margin-right: 0;
}
.ms-social-share-modal .modal-body .ms-social-modal-icons ul li a i {
   width: 50px;
   height: 50px;
   background: var(--ms-dark-bg-color);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--ms-white-color);
   font-size: 18px;
   margin: auto;
   transition:all 0.3s;
}
.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 p{
   color: var(--ms-white-color);
   font-weight: 100;
   font-size: 14px;
   padding-top: 10px;
   text-align: center;
   transition: all 0.3s;
}
.ms-social-share-modal .modal-body .ms-social-modal-icons ul li a:hover i {
    background: var(--ms-primary-color);
}
.ms-social-share-modal .ms-btn {
    margin: auto;
    min-width: 150px;
    padding: 13px 20px;
    border-radius: 4px;
    background-image: linear-gradient(to right, #ff543e 0%, #ff0065 50%, #ff543e 100%);
    background-size: 200% auto;
    color: var(--ms-white-color) !important;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    transition: all 0.5s;
}
/* social modal css end */
/*playlist modal css start*/
.ms-add-in-playlist-modal .modal-content, .ms-create-playlist-modal .modal-content {
    background-color: var(--ms-grey-bg-color) !important;
    padding: 40px;
    border-radius: 4px;
}
.ms-add-in-playlist-modal .modal-body, .ms-create-playlist-modal .modal-body {
    padding: 0;
    display: flex !important;
}
.ms-add-in-playlist-modal .ms-share-img, .ms-create-playlist-modal .ms-share-img {
    width: 40%;
}
.ms-add-in-playlist-modal .ms-share-text, .ms-create-playlist-modal .ms-share-text {
    text-align: left;
    width: 60%;
    padding-left: 30px;
    color: var(--ms-light-grey-color);
}
.ms-share-text input, .ms-share-text input:focus {
    background: var(--ms-semi-dark-color);
    border: 1px solid var(--ms-bg-color);
}
.ms-add-in-playlist-modal h1, .ms-create-playlist-modal h1, #ms_share_music_modal_id h1 {
    font-size: 22px;
    color: var(--ms-white-color);
    margin-bottom: 20px;
    position: relative;
}
.ms-share-text input.form-control {
    padding-left: 15px;
}
.clr-modal-btn {
    margin-top: 25px;
    display: flex;
    align-items: center;
}
.clr-modal-btn .ms-btn {
    font-size: 14px;
    padding: 13px 10px;
    min-width: 110px;
    border-radius: 4px;
    background-image: linear-gradient(to right, #ff543e 0%, #ff0065 50%, #ff543e 100%);
    background-size: 200% auto;
    color: var(--ms-white-color) !important;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    transition: all 0.5s;
}
a.ms-add-in-playlist {
    margin-right: 8px;
}
.ms-share-text .nice-select {
    background-color: var(--ms-semi-dark-color) !important;
    width: 100%;
    height: 50px !important;
    line-height: 35px !important;
    float: none !important;
}
.ms-share-text .nice-select.open .list{
    width:100%;
}
.ms-share-text .nice-select:focus {
    border: 1px solid var(--ms-bg-color)!important;
}
.ms-share-text .nice-select.open li.option.selected.focus {
    color: var(--ms-text-color) !important;
}
.ms-share-text .nice-select .current {
    color: var(--ms-white-color) !important;
}
.ms-share-text .nice-select li.option {
    color: var(--ms-light-grey-color)!important;
}
button.hst-loader {
    display: none;
}
.hst_loader{
    display: none;
}
body:not(.videospire-demo) .entry-content > ul {
    list-style: disc;
    padding-left: 20px;
}
/*playlist modal css end*/
body:not(.videospire-demo) p {
    margin: 0 0 10px;
}
body.single .ms-blog-columns .ms-categories-tags > div.mb-3 {
    margin-bottom: 0 !important;
}
.pagination .nav-links>*:not(.dots) svg {
    vertical-align: middle;
    margin-bottom: 4px;
}
.entry-content.ms-single-data > .wp-block-preformatted {
    margin-top: 10px;
}
body:not(.videospire-demo) ol li ol, ul li ul, ol li ul, ul li ol {
    padding-left: 20px;
}
.videospire-demo .ms-main-post-wrapper a.post-thumbnail img {
    width: 100%;
}
.woocommerce-checkout .ms-main-page-container {
    padding-top: 80px;
    padding-bottom: 0;
}
.woocommerce-cart .ms-main-page-container {
    padding-top: 80px;
}
.ms-single-blg {
    padding: 80px 0 50px 0;
}
.ms-single-blg .comments-area {
    margin-top: 30px;
}
body.videospire-demo nav.navigation.pagination {
    padding-bottom: 80px;
}
body:not(.videospire-demo) nav.navigation.pagination {
    padding-bottom: 30px;
}
body.search nav.navigation.pagination {
    padding-bottom: 0;
}
body.videospire-demo .ms-single-blg nav.navigation.pagination {
    padding-bottom: 0px;
}
body.single.single-post .ms-single-blg .ms-blog-columns{
    margin-bottom:0;
}
.category .ms-main-post-wrapper .ms-blog-columns{
    margin-bottom:0;
}
.ms-single-blg .comments-area {
    padding-bottom: 30px;
}
.ms-single-blg .ms-blog-single-imgae {
    width: 100%;
}
.ms-single-blg .ms-blog-single-imgae .post-thumbnail img {
    width: 100%;
}
.ms-single-blg .input-wrap input {
    border: 1px solid var(--ms-bg-color);
}
.comment-form-rating .nice-select {
    display: none;
}
.comments-area .comment-respond form#commentform > fieldset.comments-rating label {
    padding: 0 !important;
}
.comments-area .comment-respond form#commentform > fieldset.comments-rating {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
div#reviews.woocommerce-Reviews .comment-form-rating {
    display: flex;
    align-items: center;
}
.woocommerce div#reviews.woocommerce-Reviews .comment-form-rating .stars {
    margin: 0 !important;
}
.woocommerce div#reviews.woocommerce-Reviews .comment-form-rating .stars span {
    vertical-align: text-bottom;
    display: inline-block;
    padding-top: 20px;
    margin-left: 10px;
}
body.category.videospire-demo .ms-main-post-wrapper {
    padding: 80px 0px;
}
.woocommerce div.product form.cart .variations label {
    font-weight: 500;
    color: var(--ms-light-grey-color);
    text-transform: capitalize;
}
.woocommerce-grouped-product-list-item td.woocommerce-grouped-product-list-item__label label a, .woocommerce-grouped-product-list-item td.woocommerce-grouped-product-list-item__label label a:hover, .woocommerce-grouped-product-list-item td.woocommerce-grouped-product-list-item__label label a:visited {
    color: var(--ms-light-grey-color);
}
td.woocommerce-grouped-product-list-item__price ins {
    background: none;
}
body.tag.videospire-demo .ms-main-post-wrapper {
    padding: 80px 0;
}
.ms-post-meta.ms-date-with-thumb p.ms-date {
    color: var(--ms-white-color);
    margin-right: 30px;
}
.woocommerce-info {
    margin-bottom: 8px !important;
}
.woocommerce-info a.showlogin, .woocommerce-info a.showlogin:visited {
    color: var(--ms-primary-color);
}
.comment-list .comment-awaiting-moderation ~ .comment-meta.comment-info {
    padding-left: 0;
    width: 100%;
}
.comment-list .comment-awaiting-moderation {
    color: var(--ms-light-grey-color);
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input {
    width: 14px;
    height: 14px;
    margin: 0px 5px 15px 0;
}
.single  .ms-single-blog {
    padding-bottom: 30px;
}
.ms-likethis-player.ms-most-liked-series {
    padding-bottom: 44px;
}
.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-bg-color);
}
span.woocommerce-input-wrapper input::placeholder{
    color:var(--ms-light-grey-color);
}
body.category :not(.videospire-demo) section#categories-2 {
    margin-bottom: 0;
}
/*blog page css start*/
.ms-blog-thumb-section {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border: 1px solid var(--ms-bg-color);
    padding: 0;
    position: relative;
    border-radius: 6px;
}
.ms-single-blg article.post {
    border-radius: 6px;
}
.ms-blog-img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.ms-effect-style1, .ms-effect-style1-inner {
    position: relative;
}
.ms-blog-img-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 24px;
}
.ms-blog-img img {
    max-height: 240px;
    width: 100%;
    min-width: 240px;
    object-fit: cover;
}
.ms-blog-thumb-section .ms-blog-details {
    width: 100%;
    padding: 0 20px 15px;
}
.ms-blog-category {
    color: var(--ms-primary-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 8px;
}
.ms-blog-category:visited, .ms-blog-category:focus {
    color: var(--ms-primary-color);
}
.ms-blog-thumb-section .ms-blog-title {
    max-width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: var(--ms-white-color);
    padding: 22px 0 10px 0;
    transition:all 0.3s;
}
.ms-blog-thumb-section:hover .ms-blog-title{
    color: var(--ms-primary-color);
}
.ms-blog-data {
    margin: 7px 0 4px;
}
.ms-blog-data ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.ms-blog-meta-data ul {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 25px;
}
.ms-blog-meta-data ul li a span {
    display: inline-block;
    vertical-align: baseline;
    margin-right: 10px;
}
.ms-blog-data ul li {
    position: relative;
    padding-left: 20px;
    margin-left: 15px;
}
.ms-blog-data ul li:first-child {
    margin: 0;
    padding: 0;
}
.ms-blog-data a {
    font-weight: 500;
    text-transform: capitalize;
}
.ms-blog-data a span {
    font-weight: 700;
    color: #222;
}
.ms-blog-meta-data ul li a span svg {
    fill: var(--ms-primary-color);
    width: 15px;
    height: auto;
    margin-top: -2px;
    transition: all 0.3s;
}
.ms-blog-meta-data ul li a:hover span svg{
    fill: var(--ms-primary-color);
}
.ms-blog-thumb-inner .ms-blog-meta-data ul li:last-child p{
    color: var(--ms-white-color);
    font-size:16px;
    padding-bottom:0;
}
.ms-blog-thumb-inner .ms-blog-meta-data ul li:last-child p span{
    display: inline-block;
    vertical-align: baseline;
    margin-right: 10px;
}
.ms-blog-thumb-inner .ms-blog-meta-data ul li:last-child p span svg {
    width: 15px;
    height: auto;
    fill: var(--ms-primary-color);
    margin-top: -2px;
    transition: all 0.3s;
}
.ms-blog-thumb-inner .ms-blog-meta-data ul li:last-child p:hover span svg{
    fill: var(--ms-primary-color);
}
.ms-single-blg p.average-rating {
    margin: 10px 0;
}
body.single.single-post .ms-single-blg .ms-sidebar-wrapper {
    margin-bottom: 0px;
}
.ms-single-blg .ms-post-meta.ms-date-with-thumb a.ms-blog-authore, .ms-single-blg .ms-post-meta.ms-date-with-thumb a.ms-date, .ms-single-blg .ms-post-meta.ms-date-with-thumb a.ms-comment {
    font-weight: 400;
}
.ms-single-blg span.ms-text-icon {
    width:20px;
}
.ms-single-blg span.ms-text-icon svg {
    fill: var(--ms-primary-color);
}
body.videospire-demo .ms-snglepst-wrapper .container {
    padding-left: 0;
}
.yith_wcwl_wishlist_footer .yith-wcwl-share .fa {
    color: var(--ms-white-color);
}
.ms-blog-thub-text {
    position: relative;
}
.ms-blog-thub-text:before {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--ms-bg-color);
    position: absolute;
    bottom: 55px;
}
.ms-blog-thub-text .ms-blog-details .ms-blog-meta-data ul li a {
    color: var(--ms-white-color);
    font-size:16px;
}
.ms-blog-thub-text .ms-blog-details .ms-blog-meta-data ul li:last-child a{
    cursor: text;
}
.ms-blog-meta-data ul li {
    margin-bottom: 0;
    padding-top: 5px;
}
.ms-blog-thub-text .ms-blog-details p {
    padding-bottom: 9px;
}
.ms-shop-wrapper {
    padding: 80px 0 30px;
}
body.author.videospire-demo .ms-main-post-wrapper {
    padding: 80px 0;
}
.ms-single-blog >.container-fluid {
    padding: 0;
}
.ms-single-side{
    padding: 80px 0 30px 0;
}
.ms-single-side .ms-videospire-selection-wrapper .container-fluid{
    padding: 0;
}
.ms-single-side .ms-trailor-wrapper{
    background-color:transparent;
    padding: 0;
}
.ms-single-side .ms-overview-right {
    padding: 30px 0 0 15px;
}
.ms-single-side .ms-overview-wrapper{
    padding-top: 0;
}
.ms-single-side .ms-epi-inner {
    display: block;
    border: 1px solid var(--ms-bg-color);
}
.ms-single-side .ms-epi-left {
    width: 100%;
}
.ms-single-side .ms-epi-left a img {
    width: 100%;
}
.ms-single-side .ms-epi-right {
    margin-left: 0;
    width: 100%;
    padding: 20px 0;
}
.ms-single-side .comments-area {
    padding-bottom: 0;
    padding-top: 50px;
}
.ms-snglepst-wrapper .comments-area {
    padding-top: 25px;
}
.ms-snglepst-wrapper .comments-area div#respond {
    padding-top: 0;
}
.ms-snglepst-wrapper .comments-area .comment-list {
    padding-bottom: 33px;
}
body:not(.videospire-demo) .ms-related-product-wrapper{
    margin-top:0;
}
.woocommerce table.shop_attributes {    
    margin-bottom: 0;    
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0; 
}
/*blog page css end*/
.ms-sidebar-wrapper .widget ul li ul.children {
    padding-left: 12px;
}
.ms-header-wrapper .menu li ul.sub-menu ul.sub-menu {
    transform: translateY(-10px);
}
.ms-details-email {
    display: flex;
    position: absolute;
    bottom: 53px;
    right: 20px;
}
.ms-details-email p{
    font-size: 16px;
    font-weight: 300;
    color: var(--ms-white-color);
}
.ms-details-email p:last-child {
    margin-left: 15px;
}

/*premium tag css start*/
.ms-exclusive-movie-box{
    position:relative;
}
.ms-prmum-tag span {
    width: 35px;
    height: 35px;
    background: #ffb000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:9;
    transition:all 0.3s;
}
.ms-prmum-tag span svg {
    width: 22px;
    height: auto;
    fill: var(--ms-white-color);
}
.ms-prmum-tag p {
    background: #151718;
    max-width: 75px;
    width: 100%;
    height: 30px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--ms-white-color);
    position: absolute;
    top: -5px;
    right: 60px;
    z-index: 9;
     opacity: 0; 
     visibility: hidden; 
    transition: all 0.3s;
    z-index: 9;
}
.ms-prmum-tag p:before {
    content: '';
    position: absolute;
    top: 8px;
    right: -7px;
    transform: rotate(135deg);
    z-index: -1;
    width: 12px;
    height: 12px;
    background: #151718;
    border: 1px solid rgba(255,255,255,0.2);
    border-bottom: none;
    border-right: none;
}
.ms-exclusive-movie-box:hover .ms-prmum-tag p, .ms-top-rated-img:hover .ms-prmum-tag p, .ms-overview-left:hover .ms-prmum-tag p, .ms-epi-left:hover .ms-prmum-tag p{
    opacity:1;
    visibility:visible;
    transform:translateY(17px);
}
.ms-overview-left {
    position: relative;
}
/*premium tag css end*/
/*color switch dark mode css start*/
.ms-switch-box-darkmode {
    position: fixed;
    top: 50%;
    transform: translateY(-50%)rotate(-90deg);
    left: -40px;
    background: var(--ms-grey-bg-color);
    padding: 5px 20px 8px 20px;
    border-radius: 4px;
    z-index:999;
}
.ms-switch-box-darkmode label .toggle{
   width: 24px;
   height: 6px;
   border-radius: 3px;
   background-color: #161920;    
   display: inline-block;    
   position: relative;
   transition: all 0.3s;
   cursor: pointer;
}
.ms-switch-box-darkmode label input:checked ~ .toggle{
   background-color: var(--ms-primary-color)
}
.ms-switch-box-darkmode label .toggle:before{
   content: "";
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: var(--ms-white-color);
   position: absolute;
   top: -3px;
   left: 0;        
   transition: all 0.3s;
}
.ms-switch-box-darkmode .toggle-box-lightmode .right-text {
    color: var(--ms-light-grey-color);
}
.ms-switch-box-darkmode label input:checked ~ .toggle:before{
   left: 12px;
}
.ms-switch-box-darkmode .right-text {
    font-size: 14px;
    color: var(--ms-white-color);
    font-weight: 400;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}
.ms-switch-box-darkmode label input{
   display: none;
}
.ms-switch-box-darkmode .toggle-box-lightmode label .toggle:before {
    background-color: var(--ms-white-color);
}
/*color switcher dark mode css end*/
/*color switcher light mode css start*/
.ms-switch-box-lightmode {
    background: var(--ms-grey-bg-color);
}
.ms-switch-box-lightmode .right-text {
    color: var(--ms-white-color);
}
.ms-switch-box-lightmode label .toggle {
    background-color: #161920;
}
.ms-switch-box-lightmode label .toggle:before {
    background-color: var(--ms-white-color);
}
/*color switcher light mode css end*/
/* responsive css start */
@media(min-width:992px){
    .ms-single-side .ms-overview-wrapper .col-lg-7 {
        width: 100%;
    }
    .ms-single-side .ms-overview-wrapper .col-lg-5 {
        width: 100%;
    }
}
@media(max-width:1640px){
   .ms-header-wrapper .container-fluid {
       padding: 0 15px;
   }
}
@media(max-width:1550px){
   .ms-header-search-bar, .ms-header-profile {
       margin-left: 20px;
   }
   .ms-header-profile ul li a i {     
       margin-left: 15px;
   }
   .ms-demo-logout-header .profile-drodown {
        width: 20px;
    }
    .ms-header-login-btn .ms-register-btn {
        margin-left: 20px;
    }
    .ms-header-wrapper .menu>li {
        padding: 0 20px 0 0;
    }
    a.ms-admin > span {
        min-width: 105px;
    }
}
@media(max-width:1533px){
    .ms-demo-logout-header .ms-header-search-bar{
        max-width:300px;
    }
}
@media(max-width:1500px){
   .ms-demo-logout-header .ms-header-search-bar {
        max-width: 250px;
    }
}
@media(max-width:1430px){
   .ms-demo-logout-header .ms-header-search-bar {
        max-width: 200px;
    }
}
@media(max-width:1410px){
   .ms-header-profile > ul li a {
       font-size: 12px;     
   }
   .ms-header-profile ul li a i {
       margin-left: 10px;
   }
}
@media(max-width:1400px){
   .ms-overview-heading h5 {
       font-size: 15px;     
       padding-left: 10px;
   }
}
@media(max-width:1350px){
    .ms-overview-wrapper {
        padding: 80px 30px;
    }
    .ms-single-side .ms-overview-wrapper {
        padding: 0 0 80px 0;
    }
}
@media(max-width:1320px){
    body:not(.videospire-demo) .ms-header-logo a.ms-logo-title {
        font-size: 25px;
    }
}
@media(max-width:1300px){
    .ms-demo-header-style .menu>li {
        padding: 0 15px 0 0;
    }
    .ms-header-search-bar {
        margin-left: 15px;
        margin-right: 17px;
    }
    .ms-header-login-btn .ms-register-btn {
        margin-left: 15px;
    }
    .ms-demo-logout-header .profile-drodown {
        width: 15px;
    }
}
@media(max-width:1280px){
   .ms-overview-slider-btn .swiper-button-next{
       right: -28px;
   }
   .ms-overview-slider-btn .swiper-button-prev{
       left: -28px;
   }
   body.videospire-demo .ms-header-wrapper .menu>li {
        padding-right: 13px;
    }
    body.videospire-demo .ms-header-wrapper .menu>li:last-child {
        padding-right: 0px;
    }
    .ms-header-search-bar {
        margin-left: 13px;
        margin-right: 15px;
    }
    .ms-header-login-btn .ms-register-btn {
        margin-left: 13px;
    }
    .ms-demo-logout-header .profile-drodown {
        width: 13px;
    }
}
@media(max-width:1260px){
    .ms-header-search-bar {
        max-width: 250px;
    }
    .ms-language-box a h2 {
        font-size: 25px;
    }
}
@media(max-width:1220px){
    .ms-demo-logout-header .ms-header-search-bar {
        margin-right: 0px;
    }
}
@media(max-width:1199px){
   .ms-header-wrapper {
        padding: 15px 0;
    }
    .ms-banner-bg-img-2{
        margin-top: 0px;
    }
    .ms-banner-wrapper {
        padding: 0;
    }
   .ms-banner-bg-img-1, .ms-banner-bg-img-2{
       padding: 230px 0;
   }
   .ms-overview-right .ms-overview-heading h1 {
        font-size: 35px;
        padding-top: 15px;
    }
    .ms-epi-left, .ms-epi-right{
        width: 100%;
    }
   .ms-overview-heading h5 {
       font-size: 15px;
       padding-left: 5px;
   }
   .ms-overview-heading p {
        font-size: 15px;
    }
   .ms-overview-slider-btn .swiper-button-next {
       right: -50px;
   }
   .ms-overview-slider-btn .swiper-button-prev {
       left: -50px;
   }
   .ms-gallery-slider-wrapper .gallery-main {
       width: 75%;
   }
   .ms-gallery-slider-wrapper .gallery-main .ms-gallery-main-img {
       height: 600px;
   }
   .ms-gallery-slider-wrapper .gallery-main .ms-gallery-main-img video {
        height: 600px !important;
    }
   .ms-gallery-slider-wrapper .gallery-thumbs{
       width: 25%;
   }
   .ms-gallery-slider-wrapper .gallery-thumbs {
        max-height: 600px;
    }
    .ms-demo-logout-header .ms-header-profile {
        width: 0;
    }
    .ms-demo-logout-header .ms-toggle-btn{
        margin-left:15px;
    }
    .ms-main-wrapper.ms-main-wrapper-single {
        padding: 40px 20px;
    }
    .jp-video-play-icon {
        left: 45% !important;
        top: 62% !important;
    }
    .ms-language-box a {
        height: 120px;
    }
    .ms-language-box a h2 {
        font-size: 22px;
    }
    .ms-overview-right-footer ul li {
        margin-bottom: 10px;
    }
    .ms-overview-right-footer ul li:last-child{
        margin-bottom: 0px;
    }
    .ms-demo-logout-header .ms-header-search-bar {
        margin-right: 15px;
    }
    .ms-blog-thumb-section .ms-blog-details {
        padding: 0 15px 15px 15px;
    }
    .entry-content.ms-single-data ul li a {
        font-size: 14px;
    }
    .ms-blog-thub-text .ms-blog-details .ms-blog-meta-data ul li a {
        font-size: 14px;
    }
    .ms-blog-thumb-inner .ms-blog-meta-data ul li:last-child p{
        font-size: 14px;
    }
    .ms-blog-meta-data ul li a span {
        margin-right: 5px;
    }
    .ms-blog-meta-data ul li a span svg {
        width: 13px;
        height: auto;
    }
    .ms-header-login-btn .ms-register-btn {
        margin-left: 15px;
    }
    .ms-demo-header-style .ms-header-menu .menu>li, .ms-header-menu .menu>li {
    padding: 0 !important;
}
.ms-demo-header-style .ms-header-menu .menu > li a, .ms-header-menu .menu li > a {
    padding: 15px 20px !important;
}
.ms-header-menu .menu li .sub-menu li {
    padding: 0 0 0 20px;
}
body .ms-header-menu .menu li .sub-menu li a {
    padding: 20px !important;
}

}
@media(max-width:1095px){
    body:not(.videospire-demo) .ms-header-logo a.ms-logo-title {
        font-size: 20px;
    }
}
@media(max-width:1070px){
   .ms-overview-slider-btn .swiper-button-next{
       right: -28px;
   }
   .ms-overview-slider-btn .swiper-button-prev{
       left: -28px;
   }
}
@media(max-width:1024px){
   .ms-overview-slider-btn span {
       width: 25px;
       height: 45px;
   }
   .ms-overview-slider-btn .swiper-button-next{
       right: -20px;
   }
   .ms-overview-slider-btn .swiper-button-prev{
       left: -20px;
   }
}
@media(max-width:992px){
   .ms-footer-links h4, .ms-footer-newsletter h4 {     
       padding-bottom: 20px;
   }
   .ms-footer-links {
       margin-bottom: 40px;
   } 
   .ms-pricing-box:before{
       left: 46%;        
   } 
   .ms-top-movies-wrapper .container-fluid {
        padding: 0 15px;
    }  
   .ms-top-rated-wrapper .container-fluid {
       padding: 0 35px;
   }   
   .ms-overview-slider-btn span {
       width: 40px;
       height: 56px;
   }
   .ms-overview-top-heading .heading {     
       padding-bottom: 80px;
   }
   .ms-overview-slider-btn .swiper-button-next {        
       top: 65px;
       left: 55%;
       transform: translateX(-50%);
   }
   .ms-overview-slider-btn .swiper-button-prev {        
       top: 65px;
       left: 43%;        
   }
   .ms-videospire-selection-wrapper .container-fluid{
       padding: 0 15px;
   }
   .ms-epi-inner{
       display: block;
   }
   .ms-epi-left img {
       width: 100%;
   }
   .ms-epi-right {
        padding: 20px 10px 20px 10px;
        margin: 0;
    }
   .ms-gallery-slider-wrapper .gallery-thumbs{
       overflow-x: hidden;
   }  
   .ms-gallery-slider-wrapper .gallery-main {
       width: 65%;
   }
   .ms-gallery-slider-wrapper .gallery-main .ms-gallery-main-img {
       height: 450px;
   }
   .ms-gallery-slider-wrapper .gallery-main .ms-gallery-main-img video {
        height: 450px !important;
    }
   .ms-gallery-slider-wrapper .gallery-thumbs{
       width: 35%;
   }
   .ms-gallery-slider-wrapper .gallery-thumbs {
        max-height: 450px;
   }
   .ms-acc-overview {
        width: 100%;
   }
   .ms-acc-overview {
        margin-top: 30px;
    }
   .ms-header-search-bar {
        max-width: 230px;
    }
    .jp-video-play-icon {
        left: 44% !important;
        top: 74% !important;
    }
    .ms-profile-text {
        text-align: center;
        margin-top: 15px;
    }
    .ms-profile-box {
        margin-top: 15px;
    }
    body:not(.videospire-demo) .navigation {
        padding-bottom: 40px;
    }
    .ms-sidebar-wrapper {
        margin-bottom: 0px;
    }
    body:not(.videospire-demo) .ms-main-post-wrapper {
        padding: 80px 0 50px 0;
    }
    body.search .ms-blog-search .ms-search-sections {
        display: block;
    }
    body.search .ms-blog-search .ms-search-sections .ms-single-imgae-wrap {
        margin: 0;
    }
    body.search .ms-single-imgae-wrap {
        width: 100%;
    }
    .ms-language-box a {
        height: 150px;
    }
    .ms-language-box a h2 {
        font-size: 25px;
    }
}
@media(max-width:991px){
    .ms-overview-right-footer ul li{
        margin-bottom:0;
    }
    .ms-overview-heading {
        padding-top: 20px;
    }
    body:not(.videospire-demo) .ms-sidebar-wrapper.ms-right-sidebar {
        margin-top: 30px;
    }
    .ms-blog-meta-data ul li a span svg {
        width: 14px;
        height: auto;
    }
    .entry-content.ms-single-data ul li a {
        font-size: 16px;
    }
    .ms-blog-meta-data ul li a span {
        margin-right: 10px;
    }
    body .ms-main-page-container .ms-sidebar-wrapper {
        padding-top: 30px;
    }
    body.author.videospire-demo nav.navigation.pagination {
        padding-bottom: 30px;
    }
    body.author.videospire-demo .ms-main-post-wrapper {
        padding: 80px 0 50px 0;
    }
}
@media(max-width:992px) and (min-width:575px){
    .ms-language-box a img {
       width: 100%;
   }
}
@media(max-width:840px){
   .ms-pricing-box:before{
       display: none;
   }   
}
@media(max-width:790px){
    .ms-pricing-box {
        padding: 30px;
    }
}
@media(max-width:782px){
    .yith-wcqv-wrapper {
        margin: 70px 0 20px 0;
    }
}
@media(max-width:767px){
   .ms-pricing-inner{
       display: block;
   }
   .ms-pricing-right{
       margin-left: 0;
       margin-top: 30px;
   }
   .ms-pricing-box{
       max-width: 457px;
   }    
   .ms-top-rated-wrapper .swiper {     
       text-align: center;
   }   
   .ms-overview-slider-btn .swiper-button-next {             
       left: 56%;     
   }
   .ms-overview-slider-btn .swiper-button-prev {                
       left: 42%;        
   }
   .main-screen{
       display: none;
   }
   .mobile-screen{
       display: block;
       display: flex;
       justify-content: center;
   }
   .ms-price-btn{
       margin-top: 30px;
   }
   .ms-gallery-slider-wrapper .jp-video .jp-type-playlist .jp-controls {
        padding-bottom: 40px;
    }
    .ms-header-search-bar input {
        padding: 0 30px 0 15px;
    }
    .ms-header-search-bar .searchBtn {
        right: 0;
    }
    .ms-demo-logout-header .ms-header-login-btn .ms-btn {
        min-width: 70px;
    }
    .ms-demo-logout-header .ms-toggle-btn {
        margin-left: 10px;
    }
    .ms-demo-logout-header .ms-header-search-bar {
        max-width: 50%;
    }
    .ms-profile-img {
        width: 100px;
        height: 100px;
    }
    .ms-profile-img img {
        width: 100px;
        height: 100px;
    }
    .ms-gallery-slider-wrapper .jp-video .jp-volume-controls {
        top: 80px;
    }
    .jp-video .jp-toggles {
        top: 75px;
    }
    .heading {
        line-height: normal;
    }
    .ms-header-wrapper .ms-toggle-btn {
        position: absolute;
        top: 16px;
        right: 15px;
    }
    .ms-header-search-bar{
        margin-left: 0;
        margin-right: auto;
        max-width:50%;
    }
    .ms-header-right {
        justify-content: center;
        margin-top: 15px;
    }
    .ms-header-profile {
       max-width: 157px;
       width: 100%;        
   }
   .ms-profile-dropdown {
        right: -100px;
        top: 55px;
    }
    .ms-profile-view {
        text-align: left;
    }
    .ms-pro-img{
        width:120px;
        height:120px;
    }
    .ms-pro-img img{
        width:120px;
        height:120px;
    }
    .pro-form-btn{
        margin-top:0px;
    }
    body:not(.videospire-demo) .ms-header-wrapper .ms-toggle-btn {
        top: 25px;
    }
    .ms-blog-head .entry-title a {
        font-weight: 500;
        font-size: 22px;
    }
}
@media(max-width:634px){
    .woocommerce-shop .product-qyt-wrapper {
        margin-bottom: 10px;
    }
}
@media(max-width:575px){
    body:not(.videospire-demo) .ms-header-wrapper .ms-toggle-btn {
        position: absolute;
        top: 75px;
    }
    .ms-profile-dropdown {
        right: -75px;
    }
   .ms-header-profile .profileImg{
       display: block;        
       text-align: center;
   }    
   .ms-header-profile ul li.profileName{
       margin-left: 40px;
   }
   .ms-footer-news-input span{
       right: 0;
   }
   .ms-create-profile-inner ul li:first-child{
       margin-left: 20px;
   }
   .ms-create-profile-inner ul li{
       margin-bottom: 50px;
   }
   .ms-footer-social ul {     
       margin-bottom: 30px;
   }
   .ms-profile-modal .modal-content {        
       padding: 25px;
   }
   .ms-banner-heading h1{
       font-size: 25px;
   }
   .heading {
       font-size: 18px;     
   }
   .ms-language-box{
       text-align: center;
   }
   .ms-top-rated-img a img {
       width: 100%;
   }
   .ms-overview-top-heading .heading {
       padding-bottom: 95px;
   }
   .ms-footer-news-input input {     
       padding: 0 75px 0 20px;
   }
   .ms-gallery-slider-wrapper .gallery-container {
        display: block;
    }
    .ms-gallery-slider-wrapper .gallery-main {
        width: 100%;
        padding-right: 0;
        margin-bottom: 25px;
    }
    .ms-banner-bg-img-1 {
        display:none;
    }
   .ms-banner-bg-img-2 {
        padding: 0;
        padding: 200px 0 110px 0;
        margin-top: 0px;
    }
   .ms-create-profile-wrapper {     
       padding-bottom: 10px;
   } 
   .ms-footer-news-input a span{
       right:0;
   }
   .ms-gallery-slider-wrapper .gallery-thumbs {
        width: 100%;
    }
    .ms-gallery-slider-wrapper .jp-playlist ul {
        margin: 0px;
    }
    .ms-pro-form .form-group {
        width: 49%;
    }
    .ms-banner-wrapper {
        margin-top: 25px;
    }
    .ms-breadcrumb-wrapper {
        padding: 35px 0;
    }
    .ms-demo-logout-header .ms-toggle-btn {
        position: absolute !important;
        top: 18px !important;
        right: 15px !important;
    }
    .ms-profile-view {
        text-align: left;
    }
    .ms-profile-img, .ms-profile-text, .ms-profile-view ul li {
        display: block;
        text-align: center;
    }
    .ms-profile-head .ms-footer-social {
        text-align: center;
    }
    .ms-profile-img {
        margin: 0 auto 20px auto;
    }
    .ms-profile-view ul li {
        margin: 10px;
    }
    .ms-profile-text {
        padding-left: 0;
    }
     .ms-header-wrapper {
        position: unset;
    }
    .ms-top-movies-heading {
        align-items: baseline;
    }
    .ms-top-movies-heading .view-all {
        font-size: 14px;
    }
    .ms-header-search-bar{
        max-width:100%;
    }
    .ms-header-profile{
        max-width:125px;
    }
    .ms-acc-ovrview-list {
        padding: 0px 20px;
    }
    .ms-gallery-slider-wrapper .container-fluid {
        padding-left: 15px;
    }
    .ms-language-box a {
        max-width: 210px;
        width: 100%;
        margin: 0 auto;
    }
    .ms-overview-right-footer ul li {
        margin-right: 16px;
    }
    .ms-comment-data {
         display: block; 
        text-align: center;
    }
    .comment-author {
        margin: 0 auto;
    }
    .comment-info {
        padding: 0;
        width: 100%;
    }
    .ms-epi-wrapper .container {
        padding: 0 15px;
    }
    body.videospire-demo .ms-snglepst-wrapper .container {
        padding-left: 15px;
    }
    .ms-header-wrapper .ms-toggle-btn {
        top: 65px;
    }
}
@media(max-width:520px){
    .woocommerce div.product .product_title {
        font-size: 20px;
    }
}
@media(max-width:480px){
   .ms-banner-btn {
        display: block;
        text-align: center;
    }  
    .ms-banner-heading .ms-btn{
        display: block;
        max-width: 120px;
    }
   .ms-banner-heading .ms-transparent-btn{
       margin: 20px auto auto auto;
   }
   .ms-banner-heading .ms-btn{
       margin:auto
   }
   .ms-language-modal .modal-content{
       padding:40px 25px 15px 25px
   }
   .ms-overview-slider-btn .swiper-button-next {             
       left: 57%;     
   }
   .ms-overview-slider-btn .swiper-button-prev {                
       left: 41%;        
   }
   .ms-pro-form .form-group {
        width: 100%;
    }
    .ms-add-in-playlist-modal .modal-content, .ms-create-playlist-modal .modal-content {
        padding: 25px;
    }
    .ms-add-in-playlist-modal h1, .ms-create-playlist-modal h1, #ms_share_music_modal_id h1 {
        font-size: 18px;
    }
    body:not(.videospire-demo) .ms-main-page-container {
        padding: 40px 0 0px;
    }
    .ms-top-artist .container-fluid {
        padding: 0px;
    }
    .ms-header-right {
        margin-bottom: 0;
    }
    .ms-banner-bg-img-2 {
        padding: 300px 0 110px 0;
    }
    .jp-video .jp-toggles {
        top: 79px;
    }
    .ms-gallery-slider-wrapper .jp-video .jp-type-playlist .jp-controls {
        padding-bottom: 45px;
    }
    .ms-register-gender {
        display: block;
    }
    .ms-register-gender h4 {
        margin-bottom: 15px;
    }
    .ms-acc-ovrview-list ul li {
        padding: 15px;
    }
    .ms-overview-right-footer ul li{
        margin-bottom:10px;
    }
    .ms-overview-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce-shop .product-qyt-wrapper {
        margin-bottom: 0px;
    }
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
        top: 5px;
        right: 50px;
    }
}
@media(max-width:440px){
    .ms-details-email {
        position: unset;
        padding-top: 20px;
    }
}
@media(max-width:425px){
   .ms-pricing-box {
       padding: 20px 15px;
   }
   .ms-epi-wrapper{
       padding: 40px 0 20px 0;
   }
   .ms-top-rated-wrapper .ms-letest-top-navigation {
       display: none;
   }
   .ms-top-rated-wrapper .container-fluid {
       padding: 0 15px;
   }
   .ms-top-rated-wrapper .swiper {
       padding-bottom: 50px;
   } 
   .ms-language {
       flex: 0 0 50%;
       padding-left: 20px;
   } 
   .ms-overview-right .ms-overview-heading h1 {
       font-size: 25px;
   }
   .ms-overview-right .ms-overview-heading .overviewspanHeading {
       font-size: 30px;     
   }
   .ms-overview-heading h5 {             
       display: block;
       padding-top: 15px;
   }
   .ms-overview-slider-btn .swiper-button-next {             
       left: 58%;     
   }
   .ms-overview-slider-btn .swiper-button-prev {                
       left: 40%;        
   }
   .ms-overview-right-footer ul li {     
       margin-right: 10px;
   }  
   .ms-gallery-slider-wrapper .jp-video .jp-type-playlist .jp-controls {
        padding-bottom: 40px;
    }
    .ms-acc-ovrview-list ul li {
        font-size: 14px;
    }
    .pro-form-btn{
        display:block;
    }
    .pro-form-btn input.ms-btn {
        margin: auto;
    }
    .pro-form-btn input.ms-btn:last-child{
        margin-top:10px;
    }
}
@media(max-width:403px){
    .woocommerce-shop .product-qyt-wrapper {
        margin-bottom: 10px;
    }
}
@media(max-width:400px){
   .ms-login-box{
       padding: 0px;
   }
   .ms-player-ovrly-text {
        font-size: 14px;
    }
}
@media(max-width:375px){
   .ms-header-right {
        display: block;
        margin-top: 0px;
    }
    a.ms-admin {
        justify-content: center;
        margin: auto;
    }
   .ms-header-profile {     
       margin: 20px auto 0 auto;
   } 
   .ms-price-right-box{
       padding: 15px;
   }
   .ms-price-right-rate{
       top: 50px;
   }   
   .ms-price-left-headings h4 {
       font-size: 16px;     
   }
   .ms-price-left-headings svg{
       right: 45px;
   }
   .ms-price-left-feature ul li{
       font-size: 15px;
   }
   .ms-top-movies-heading {
       padding-right: 0px;
       display: block;
       text-align: center;
   }
   .heading {     
       padding-bottom: 20px;
       text-align: center;
   }
   .ms-top-movies-heading .view-all {     
       padding-bottom: 15px;
   }
   .ms-language-modal .modal-body label{
       padding-bottom: 5px;
       padding-left: 30px;
   }  
   .ms-language-modal .modal-content {
       padding: 40px 15px 15px 10px;
   } 
   .ms-overview-right-footer ul li{
       display: block;
       margin-bottom: 15px;
   }
   .ms-overview-right-footer ul li.viewTrailer a {     
       padding: 13px 0;
       max-width: 120px;
       width: 100%;
       text-align: center;
   } 
   .ms-overview-slider-btn .swiper-button-next {             
       left: 59%;     
   }
   .ms-overview-slider-btn .swiper-button-prev {                
       left: 39%;        
   }
   .ms-epi-inner {     
       padding-bottom: 50px;
   }
   .ms-epi-right span {        
       bottom: -40px;     
   }
   .ms-language {     
       padding-left: 15px;
   } 
   .ms-footer-field{
       display: block;
       text-align: center;
   }
   .ms-checkbox {
        padding-left: 25px;
        text-align: left;
    }
    .ms-footer-field p {
        text-align: left;
    }
   .ms-footer-field .checkmark {
       left: 0px;
   }
   .ms-add-in-playlist-modal .modal-body, .ms-create-playlist-modal .modal-body {
        display: block !important;
    }
    .ms-add-in-playlist-modal .ms-share-img, .ms-create-playlist-modal .ms-share-img {
        margin: 0 auto 20px auto;
    }
    .ms-add-in-playlist-modal .ms-share-text, .ms-create-playlist-modal .ms-share-text {
        text-align: center;
        padding-left: 0;
        margin: auto;
    }
    .clr-modal-btn {
        justify-content: center;
    }
    .ms-banner-bg-img-1 {
        margin-top: 140px;
    }
    .ms-demo-logout-header .ms-header-search-bar {
        max-width: 100%;
    }
    .ms-header-login-btn {
        justify-content: center;
    }
    .ms-register-line p {
        font-size: 14px;
    }
    .ms-profile-dropdown {
        right: -60px;
        top: 75px;
    }
    .ms-header-logo {
        margin-bottom: 20px;
    }
    .ms-acc-ovrview-list ul li {
        padding: 10px;
    }
    .ms-acc-ovrview-list {
        padding: 0px 10px;
    }
    .ms-price-btn .ms-btn, .ms-price-btn .ms-transparent-btn {
        min-width: 130px;
        font-size: 14px;
    }
    .ms-mnge-stripe-btn .stripe-button-el span, .ms-mnge-stripe-btn a.ms-btn, .ms-mnge-plan-btn .stripe-button-el span, .ms-mnge-plan-btn a.ms-btn{
        min-width: 130px!important;
        font-size:14px!important;
    }
    .entry-content.ms-single-data ul li a {
        font-size: 14px;
    }
    .ms-blog-meta-data ul li a span {
        margin-right: 5px;
    }
    .ms-blog-meta-data ul li a span svg {
        width: 13px;
        height: auto;
    }
}
@media(max-width:330px){
   .ms-language-modal .modal-content {
       padding: 40px 10px 15px 10px;
   }
   .ms-language {
       padding-left: 10px;
   }    
}
@media(max-width:320px){
   .ms-create-profile-inner ul li:first-child{
       margin-left: 0px;
   }
   .ms-create-profile-inner ul li:nth-child(2){
       margin-right: 0px;
   }
   .ms-create-profile-inner ul li:last-child{
       margin-right: 0;
   }
   .ms-price-left-headings svg {
       right: 25px;
   }
}
@media(max-width:310px){
    .ms-blog-meta-data ul {
        display: block;
    }
}
/* responsive css end */

/* -------- */
body {
 font-family: 'Outfit', sans-serif;
}
.videoContainer {
 margin: 0 auto;
 box-shadow: 0 2px 12px gray;
}
/** Star reating css start**/
.comments-rating {
    border: none;
    padding: 0;
    margin-left: 0;
    display: flex;
}
.comments-rating label {
   display: inline-block;
}
.rating-container {
   font-size: 0;
   unicode-bidi: bidi-override;
   direction: rtl;
}
.rating-container * {
   font-size: 1.4rem;
}
.rating-container > input {
   display: none;
}
.rating-container > input + label {
    /*only enough room for the star */
   font-family: 'dashicons';
   display: inline-block;
   overflow: hidden;
   text-indent: 9999px;
   width: 1em;
   white-space: nowrap;
   cursor: pointer;
   margin: 0;
}
.rating-container > input + label:before {
   display: inline-block;
   text-indent: -9999px;
   content: "\f154";
   color: #a5acb8;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
   content: "\f155";
   color: #FF9529;
   text-shadow: 0 0 1px #333;
}
.rating-container > .star-cb-clear + label {
   text-indent: -9999px;
   width: .5em;
   margin-left: -.5em;
}
.rating-container > .star-cb-clear + label:before {
   width: .5em;
}
.rating-container:hover > input + label:before {
   content: "\f154";
   color: #888;
   text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
   content: "\f155";
   color: #e52;
   text-shadow: 0 0 1px #333;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
   text-indent: 9999px;
}
.ms-post-meta.ms-date-with-thumb .ms-date {
    margin-bottom: 0;
}
.comment-respond .rating-container > input + label {
   text-indent: -9999px;
}
.ms-exclusive-movie-img img {
    transition: all 0.3s;
    width: 100%;
    height: 212px;
    object-fit: cover;
}
.ms-top-rated-img a img {
    width: 100%;
    height: 397px;
    object-fit: cover;
}
.ms-overview-left img {
    width: 100%;
    height: 538px;
    object-fit: cover;
}