/***Header***/
li.nav-item:hover,
li.user-dropdown:hover,
.headerCart {
    display: unset;

}

.cart-count{
    background-color: var(--button-background-color) !important;
    color: var(--button-text-color) !important;
}

.menu-icon {
    font-size: 1.5em!important;
    color: var(--text-color) !important;
}

.menu-icon:hover {
    color: var(--text-hover-color) !important;
}

.headerCart i.fa-2x {
    font-size: 1.5em;
}

.navbar-nav li.nav-item-page:hover {
    border-bottom: 1px solid var(--text-hover-color) !important;
}
.navbar-nav li.nav-item-page.active{
    border-bottom: 1px solid var(--text-hover-color) !important;
}
 .navbar-nav li.nav-item-page.active a{
    color: var(--text-hover-color) !important;
}
li.nav-item-page:hover a,
.headerCart:hover i {
    color: var(--text-hover-color) !important;
}

.header-language:hover a.dropdown-toggle {
    color: var(--text-hover-color) !important;
}

a.loginBtn:hover {
    color: var(--text-hover-color) !important;
}

.header-search_result input {
    color: var(--text-hover-color) !important;
}

.header-search_result:hover ::placeholder {
    color: var(--text-hover-color) !important;
}

.header-search_result:hover ::-ms-input-placeholder {
    color: var(--text-hover-color) !important;
}

.header-search_result:hover i {
    color: var(--text-hover-color) !important;
}

.header-language .dropdown-item:hover {
    color: var(--text-hover-color) !important;
}

li.user-dropdown .dropdown-item:hover {
    color: var(--text-hover-color) !important;
}

li.user-dropdown:hover a.dropdown-toggle-split {
    color: var(--text-hover-color) !important;
}

li.ui-menu-item:hover a.ui-menu-item-wrapper {
    color: var(--text-hover-color) !important;
}

.search-box-div .viewallresult a:hover {
    color: var(--text-hover-color) !important;
}

.nav-item-url a {
    background-color: var(--button-background-color) !important;
    border: 1px solid var(--button-background-color) !important;
    color: var(--button-text-color) !important;
}

.nav-item-url a:hover {
    background-color: var(--button-background-hover-color) !important;
    border: 1px solid var(--button-background-hover-color) !important;
}

.fa-header-icon:hover{
    color: var(--text-color) !important;
}

.fa-header-icon:hover{
    color: var(--text-hover-color) !important;
}

#menu-mobile{
    border:unset;
    background: unset;
    font-size: 1.5em;
}

.rightSideIcon li.user-dropdown,
.rightSideIcon div.headerCart,
.rightSideIcon .fa-header-icon{
    float: none;
    display: table-cell;
    vertical-align: top;
}

.headerCart{
    position: relative;
    top: -3px;
}
/**banner**/
.banner{
    background-color: var(--button-background-color) !important;
    color: var(--button-text-color) !important;
}
.banner svg path{
    fill: var(--button-text-color) !important;
}
/****/
/**Login Modal/ Registration / OTP**/
.modal .modal-header {
    background: var(--header-background-color);
    color: var(--text-color);
}

#loginnModal .modal-content,
#registerModal .modal-content,
#verifyOtpModal .modal-content,
#verifyyOtpModall .modal-content,
#addInfoModal .modal-content{
    padding: 0;
    margin: 0;
    border-radius: 7px;
}

#loginnModal .modal-content .modal-header,
#registerModal .modal-content .modal-header,
#verifyOtpModal .modal-content .modal-header,
#addInfoModal .modal-content .modal-header,
#verifyyOtpModall .modal-content .modal-header{
    background-color: var(--button-background-color);
    border: 1px solid var(--button-background-color);
    color: var(--button-text-color);
}

.modal .modal-title,
#myTab .nav-item a{
    color: #FFFFFF;
}

#myTab .nav-item a,
#loginnModal p a {
    color: var(--text-color);
}
#myTab .nav-item:hover a{
    color: var(--text-hover-color);
}

#myTab .nav-item a.active,
#loginnModal p a:hover {
    color: var(--text-hover-color);
}

.modal .modal-body form #loginSubmitBtn,
.modal .modal-body form #registerSubmitBtn,
.modal .modal-body form #saveInfoBtn,
.modal #verifyOtpSubmitBtn,
.modal #verifySubmitBtn,
.modal #verifyySubmitBtnn{
    background-color: var(--button-background-color)!important;
    border: 1px solid var(--button-background-color)!important;
    border-radius: 7px;
    color: var(--button-text-color)!important;
}

.modal .modal-body form #loginSubmitBtn:hover,
.modal .modal-body form #registerSubmitBtn:hover,
.modal #verifyOtpSubmitBtn:hover,
.modal #verifySubmitBtn:hover,
.modal #verifyySubmitBtnn:hover {
    background-color: var(--button-background-hover-color) !important;
    border-color: var(--button-background-hover-color) !important;
}

div#email #users-email {
    color: var(--text-hover-color) !important;
}

div#mobile #users-std-code {
    color: var(--text-hover-color) !important;
}

div#mobile #users-mobile-number {
    color: var(--text-hover-color) !important;
    height: 45px;
}

.providers #google {
    color: var(--text-color);
}

.providers #google:hover {
    color: var(--button-background-hover-color) !important;
    border-color: var(--button-background-hover-color) !important;
}

#mobile:hover ::placeholder {
    color: var(--text-hover-color) !important;
}

#mobile:hover:hover ::-ms-input-placeholder {
    color: var(--text-hover-color) !important;
}

#email:hover:hover ::placeholder {
    color: var(--text-hover-color) !important;
}

#email:hover:hover ::-ms-input-placeholder {
    color: var(--text-hover-color) !important;
}

.resent-otp-send a{
    color: var(--text-color) !important;
}

.resent-otp-send:hover a{
    color: var(--text-hover-color) !important;
}

#users-customer-default-addres-last-name:hover ::placeholder {
    color: var(--text-hover-color) !important;
}

#users-customer-default-addres-last-name:hover ::placeholder {
    color: var(--text-hover-color) !important;
}
#registerModal input,
#registerModal select,
#verifyOtpForm input,
#verifyyOtpModall input{
    color: var(--text-hover-color) !important;
}

.modal-backdrop.fade.show { z-index: inherit; }
/**General**/
.toast-success {
    background-color: #51A351 !important;
  }
  .toast-error {
    background-color: #BD362F !important;
  }
  .toast-info {
    background-color: #2F96B4 !important;
  }
  .toast-warning {
    background-color: #F89406 !important;
  }
/**Footer**/
footer {
    background-color: #F5F5F5 !important;
    border: 1px solid rgb(0 0 0 / 10%);
}

.fa-footer-size {
    color: var(--text-color) !important;
    font-size: 1.5em !important;
}

.fa-footer-size:hover {
    color: var(--text-hover-color) !important;
}

.footer-link a {
    color: var(--text-color) !important;
}

.footer-link:hover a {
    color: var(--text-hover-color) !important;
}

.footer-logo {
    width: 75px;
}

i.fa-tiktok{
    font-size: 1.5em !important;
    color:#000;
}
.text-right{
    text-align: right !important;
}
/***product***/
.style-view-more {
    background-color: var(--button-background-color) !important;
    border: 1px solid var(--button-background-color) !important;
    border-radius: 7px;
    color: var(--button-text-color) !important;
}

.style-view-more:hover {
    background-color: var(--button-background-hover-color) !important;
    border: 1px solid var(--button-background-hover-color) !important;
    color: var(--button-text-color) !important;
}

.countdown-label {
    background-color: var(--button-background-color) !important;
}

.countdown-value {
    background-color: #FFFFFF !important;
    color: var(--text-color) !important;
    border: 1px solid rgb(0 0 0 / 10%);
}

.fa-star {
    color: var(--button-background-color) !important;
}

.product-item .title:hover a {
    color: var(--text-hover-color) !important;
}

.tag {
    cursor: pointer;
}

/* .modal {
    z-index: 9999999 !important;
} */
/****media****/
@media (max-width: 772px) {
    .header-language {
        display: none !important;
    }

    footer [class*="col-lg"] {
        display: block;
        width: 100%!important;
    }
}

/* @media (max-width: 991px){
    [class*="col-lg"] {
        display: block;
        width: 50%!important;
    }

} */