@charset "utf-8";
/* ----------------------------------
Name: style.css
Version: 1.0
----------------------------------
Table of contents
Google Font
Body and Default Transitions
Typography
Icon
Background Color
Border Color
Margin
Padding
Custom
OWL Carousel
Button
Form Control
Portfolio and Photo Gallery
Video and Sound
Navbar
Header
Hero Section
Slider
Feature Box
Content
Team
Pricing Table
Contact
Blog
Subscribe
Counter
Clients
Timer
Testimonial
Footer
*/
/*====================================
Google Font
=====================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
/*====================================
Typography
=====================================*/
:root {
    --main-alt-color: #97698E;
    --main-color: #404040;
    --accent-color: #97698E;
}
body{
    color: #3b454b;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    background: #f3f3f3;
}
body, html{
/*    height: 100%;*/
}
/* heading */
h1,
h2,
h3,
h4,
h5,
h6{
    color: #222;
    margin: 0;
    padding: 0;
    font-weight: 600;
    line-height: normal;
}
a{
    color: #333;
    display: inline-block;
    text-decoration: none;
}
.languages a {
    color: #404040;
}
a:hover{
    color: var(--main-alt-color);
    text-decoration: none;
}
a, a:hover{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
img {
    backface-visibility: hidden;
}
span {
    display: inline-block;
}
button{
    padding: 0;
    border: none;
    cursor: pointer;
}
button,
button:hover{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
button,
button:focus,
a:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.btn-primary:active:focus{
    box-shadow: none;
}
.btn-transparent {
    padding: 17px 35px;
    border: 1px solid #97698E;
    font-weight: 700;
    color: #161616;
    border-radius: 33px;
    text-transform: uppercase;
    font-size: 14px;
}
.btn-transparent:hover {
    background: #97698E;
    color: #fff;
}
p{
    line-height: 24px;
    font-size: 16px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input,
select,
textarea{
    padding: 10px 15px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
}
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #e2e2e2;
    box-shadow: none;
}
.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none;
}
/* body hidden class */
body.hidden {
    overflow-y: hidden;
    padding-right: 17px;
}
/* btn style 1 css */
.btn-style1 {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: #d43b3b;
    font-weight: 600;
    border-radius: 3px;
    border-color: #d43b3b;
}
.unit__header {
    color: var(--main-color);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.6px;
}
.btn-style1 span{
    position: relative;
    z-index: 2;
}
.btn-style1::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.btn-style1:hover::before{
    background-color: #ae3a3a;
    width: 100%;
    border-radius: 3px;
    border-color: #ae3a3a;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.btn-style1:hover{
    color: #fff;
}
/* btn style 2 css */
.btn-style2 {
    position: relative;
    color: #fff;
    font-size: 15px;
    padding: 17px 35px;
    background-color: #97698E;
    font-weight: 500;
    border-radius: 25px;
    border-color: #97698E;
    letter-spacing: -0.6px;
    line-height: 1;
}
.btn-style2 span{
    position: relative;
    z-index: 2;
}
.btn-style2::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.btn-style2:hover::before{
    background-color: #fff3;
    width: 100%;
    border-radius: 25px;
    border-color: var(--main-alt-color);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.btn-style2:hover {
    color: #fff;
    background-color: var(--main-alt-color);
    border-color: var(--main-alt-color);
}
/* btn style 3 css */
.btn-style3 {
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 15px 30px;
    background-color: #97698E;
    font-weight: 500;
    border-radius: 5px;
    border-color: ##97698E;
    letter-spacing: -0.6px;
    border-radius: 33px;
}

.btn-alt {
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 15px 30px;
    background-color: var(--main-alt-color);
    font-weight: 500;
    border-radius: 25px;
    border-color: var(--main-alt-color);
    letter-spacing: -0.6px;
}
.w-c-q-icn.add-to-cart i {
    margin-left: 4px;
}
.w-c-q-icn.add-to-cart {
    position: relative;
}
.w-c-q-icn.add-to-cart span,
.btn-style3 span{
    position: relative;
    z-index: 2;
}
.w-c-q-icn.add-to-cart:before,
.btn-style3::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.w-c-q-icn.add-to-cart:hover:before,
.btn-style3:hover::before{
    background-color: #fff3;
    width: 100%;
    border-radius: 3px;
    border-color: #fff3;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.btn-alt:hover::before {
    background-color: var(--main-color);
    border-color: var(--main-color);
    border-radius: 25px;
}
.btn-style3:hover{
    color: #fff;
}

.btn-small {
    padding: 10px 15px;
}
/* mm-fullscreen-bg css */
.mm-fullscreen-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
.mm-fullscreen-bg.active {
    opacity: 1;
    visibility: visible;
}
.mm-fullscreen-bg,
.mm-fullscreen-bg.active{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* section padding css */
.section-t-padding{
    padding-top: 80px;
}
.section-b-padding{
    padding-bottom: 80px;
}
.section-tb-padding{
    padding-top: 80px;
    padding-bottom: 80px;
}
.section0-t-padding{
    padding-top: 60px;
}
.section0-b-padding{
    padding-bottom: 60px;
}
.section0-tb-padding{
    padding-top: 60px;
    padding-bottom: 60px;
}
.section1-t-padding{
    padding-top: 30px;
}
.section1-b-padding{
    padding-bottom: 30px;
}
.section1-tb-padding{
    padding-top: 30px;
    padding-bottom: 30px;
}
/* section title css */
.left-section-title h4{
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
}
.left-section-title h4 span{
    color: #d43b3b;
}
.section-title3 .h2,
.section-title3 h2{
    font-size: 44px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
    line-height: 1.02;
}

.subhead {
    margin-top: -20px;
    margin-bottom: 20px;
}
.section-title3 h2 span{
    position: relative;
}
/*
.section-title3 h2 span::before,
.section-title3 h2 span::after{
    background-color: var(--main-color);
    content: "";
    position: absolute;
    bottom: 50%;
    width: 25px;
    height: 2px;
}
.section-title3 h2 span::before{
    left: -35px;
}
.section-title3 h2 span::after{
    right: -35px;
}
 **/
/* container css */
.container{
    max-width: 1220px;
}
/* carousel button css */
.home4-category .home4-cate .owl-nav,
.featured-product .home4-featured .owl-nav,
.home4-barnd-logo .home4-brand .owl-nav{
    margin: 0px;
}
.home4-category .home4-cate .owl-nav button,
.featured-product .home4-featured .owl-nav button,
.home4-barnd-logo .home4-brand .owl-nav button{
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #d43b3b;
    color: #fff;
    font-size: 20px;
    margin: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
}
.home4-category .home4-cate .owl-nav button:hover,
.featured-product .home4-featured .owl-nav button:hover,
.home4-barnd-logo .home4-brand .owl-nav button:hover{
    background-color: #fff;
    color: #d43b3b;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.featured-product .home4-featured .owl-nav button{
    opacity: 1;
    visibility: visible;
}
.featured-product .home4-featured .owl-nav button.owl-prev{
    left: -15px;
}
.featured-product .home4-featured .owl-nav button.owl-next{
    right: -15px;
}
.home4-category .home4-cate .owl-nav button.owl-prev,
.home4-barnd-logo .home4-brand .owl-nav button.owl-prev{
    left: 10px;
    opacity: 0;
    visibility: hidden;
}
.home4-category .home4-cate .owl-nav button.owl-next,
.home4-barnd-logo .home4-brand .owl-nav button.owl-next{
    right: 10px;
    opacity: 0;
    visibility: hidden;
}
.home4-category .home4-cate:hover .owl-nav button.owl-prev,
.home4-barnd-logo .home4-brand:hover .owl-nav button.owl-prev{
    left: -15px;
    opacity: 1;
    visibility: visible;
}
.home4-category .home4-cate:hover .owl-nav button.owl-next,
.home4-barnd-logo .home4-brand:hover .owl-nav button.owl-next{
    right: -15px;
    opacity: 1;
    visibility: visible;
}
.home4-category .home4-cate .owl-nav button,
.home4-category .home4-cate .owl-nav button,
.home4-barnd-logo .home4-brand .owl-nav button{
    opacity: 1;
    visibility: visible;
}
.top-home {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-search form {
    width: 100%;
    background: #fff;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 50px;
}
.header-search form input {
    border: none;
    height: 22px;
    background: transparent;
    font-size: 10px;
    width: calc(100% - 35px);
}
.header-search form .search-btn {
    background: transparent;
    padding-right: 15px;
}
/* top notification css */
.top-4{

}
.top-4 top-home{
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* top offer css */
.top-4 ul.top-home li.top-home-li .top-content ul.top-contect{
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-4 ul.top-home li.top-home-li .top-content ul.top-contect li a{
    color: #404040;
    font-size: 14px;
    padding: 9px 35px 8px 0px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.top-4 ul.top-home li.top-home-li .top-content ul.top-contect li a i {
    margin-right: 5px;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li{
    position: relative;
    padding-left: 25px;
    margin-right: 25px;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-left: 1px solid #40404044;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li:first-child{
    margin-left: 0px;
    border-left: none;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li a{
    color: #404040;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 0px;
}

.languages {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333;
}

.languages ul {
    display: flex;
}

.languages ul li {
    margin-left: 15px;
}

.languages .inactive {
    font-weight: 700;
    color: #404040;
}

.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li i{
    margin-left: 5px;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account,
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.currency{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li:hover ul.account,
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li:hover ul.currency{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account,
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.currency{
    background-color: #fff;
    position: absolute;
    top: 100%;
    z-index: 2;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account{
    padding: 10px 0px;
    width: 160px;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.currency{
    padding: 10px 0px;
    width: 55px;
}
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account li,
.top-4 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.currency li{
    padding: 5px 15px;
}
/* header top css */
.header-main-area{
    /* */
}
.header-main-area.is-sticky{
    background-color: #ffffff;
}
@media (max-width: 1199px){
    .header-main-area.is-sticky{
      background-color: #ffffff;
    }
}
.header-area {
    position: sticky;
    top: -28px;
    z-index: 5;
}
.header-area.is-sticky{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--main-color);
    z-index: 99;
    width: 100%;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-150px);
  }
  100% {
    transform: translateY(0px);
  }
}
.header-main{
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: 88px;
    border-radius: 44px;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
}
.header-main-area .header-main .header-element.logo {
    width: 12%;
}
.header-main-area .header-main .header-element.logo img {
    height: 68px;
}
.header-main-area .header-main .header-element.header-search{
    width: 60%;
}
.header-main-area .header-main .header-element.header-search form{
    position: relative;
}
.header-main-area .header-main .header-element.header-search form input{
    width: 100%;
    border: 2px solid #e2e2e2;
    border-radius: 3px;
    height: 45px;
    padding: 8px 10px;
}
.header-main-area .header-main .header-element.header-search form .search-btn{
    background-color: transparent;
    color: #999;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 63px;
    height: 45px;
    font-size: 18px;
    border: 2px solid #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 3px 3px 0px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.header-main-area .header-main .header-element.header-search form .search-btn:hover{
    color: #333;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.cart-zone {
    display: flex;
    align-items: center;
}

.cart-zone > div:not(.mini-cart) {
    position: relative;
    margin: 0 10px;
}



.cart-zone > div.mm-fullscreen-bg {
    position: fixed;
    margin: 0px;
}


.cart-zone > div:first-child {
    margin-left: 0px;
}

.cart-zone > div:last-child {
    margin-right: 0px;
}

.cart-zone > div:not(.mini-cart) i {
    color: #404040;
    font-size: 24px;
    cursor: pointer;
}

.cart-zone > div:not(.mini-cart) span {
    position: absolute;
    background: #97698E;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12px;
    width: 12px;
    font-size: 8px;
    font-weight: 500;
    color: #fff;
    top: -3px;
    right: -4px;
}

.top-home-search {
    min-width: 400px;
}

/* navbar-toggler css */
button.navbar-toggler{
    padding: 0;
    border: none;
}
button.navbar-toggler span.line{
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
}
button.navbar-toggler span.line,
button.navbar-toggler span.line::before,
button.navbar-toggler span.line::after{
    width: 20px;
    height: 2px;
    display: block;
    background-color: #000;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
button.navbar-toggler span.line::before,
button.navbar-toggler span.line::after{
    content: '';
    position: absolute;
}
button.navbar-toggler span.line::before{
    top: 8px;
}
button.navbar-toggler span.line::after{
    top: -8px;
}
.header-main-area .header-main .header-element.right-block-box {
    width: 20%;
}
.header-main .header-element.right-block-box ul.shop-element li.nav-toggler{
    display: none;
    line-height: 0;
}
.header-main-area .header-main .header-element.right-block-box ul.shop-element li.search-wrap{
    position: relative;
    display: none;
}
.header-main-area .header-main .header-element.right-block-box ul.shop-element li.search-wrap .search-rap a.search-popuup{
    display: block;
    font-size: 30px;
    line-height: 0;
}
.modal#search-modal .modal-dialog{
    margin: 0px;
}
.modal#search-modal .modal-dialog .modal.fade{
    padding-right: 0px !important;
}
.modal#search-modal .modal-dialog .modal-dialog{
    margin: 0px;
    max-width: 100%;
}
.modal#search-modal .modal-dialog .modal-content{
    background-color: #fff;
    border: none;
    border-radius: 0px;
}
.modal#search-modal .modal-dialog .modal-body{
    display: flex;
    align-items: center;
    padding: 10px 0px;
}
.modal#search-modal .modal-dialog .search-content{
    display: flex;
    align-items: center;
}
.modal#search-modal .modal-dialog .search-content .search-engine{
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
.modal#search-modal .modal-dialog .search-content .search-engine input{
    height: 40px;
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
}
.modal#search-modal .modal-dialog .search-content .search-engine .search-btn{
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    width: 40px;
    background-color: #222;
    border: none;
    border-radius: 3px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal#search-modal .modal-dialog .search-content button.close{
    float: none;
    display: block;
    background-color: transparent;
    color: #000;
    font-size: 18px;
    margin-left: 10px;
    opacity: 1;
    line-height: 0;
}
.modal#search-modal .modal-dialog .search-content button.close:hover{
    color: #d43b3b;
}
/* right block css */
.right-block-box {
    display: flex;
    justify-content: flex-end;
}
.right-block-box ul.shop-element {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.right-block-box ul.shop-element li.side-wrap {
    position: relative;
    margin-left: 30px;
}
.right-block-box ul.shop-element li.side-wrap:first-child{
    margin-left: 0;
}
/* wishlist css */
.wishlist-wrap a.header-wishlist{
    display: block;
    position: relative;
}
.wishlist-wrap a.header-wishlist span.wishlist-icon{
    display: block;
    font-size: 30px;
    margin-right: 10px;
}
.wishlist-wrap a.header-wishlist span.wishlist-counter{
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 20px;
    top: 0px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #d43b3b;
    font-weight: 500;
    border-radius: 100%;
}
/* cart css */
.shopping-widget .shopping-cart a.cart-count{
    display: block;
}
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon{
    display: block;
    font-size: 30px;
}
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.bigcounter{
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 20px;
    top: 0px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #d43b3b;
    font-weight: 500;
    border-radius: 100%;
}
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-price{
    font-size: 12px;
    margin-left: 10px;
}
/* mini cart css */
.mini-cart{
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 16px 26px -10px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}
.mini-cart.show{
    right: 0px;
    opacity: 1;
    visibility: visible;
}
.mini-cart,
.mini-cart.show{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.mini-cart a.shopping-cart-close{
    position: absolute;
    top: 15px;
    right: 10px;
    line-height: 0px;
}
.mini-cart .cart-item-title p{
    padding: 10px 15px;
    font-weight: 600;
}
.mini-cart .cart-item-title p span.cart-count-item{
    color: #d43b3b;
}
.mini-cart ul.cart-item-loop{
    max-height: calc(100% - 219px);
    overflow-y: auto;
    border-top: 1px solid #eee;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar{
    width: 5px;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-track{
    background-color: #eee;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb{
    background-color: #c1c1c1;
}
.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb:hover{
    background-color: #f5ab1e;
}
.mini-cart ul.cart-item-loop li.cart-item{
    display: flex;
    padding: 15px;
    border-top: 1px solid #eee;
}
.mini-cart ul.cart-item-loop li.cart-item:first-child{
    border-top: none;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-img{
    width: 60px;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title{
    width: calc(100% - 75px);
    margin-left: 15px;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title h6{
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
    line-height: 1;
}
.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price span.price-box{
    font-weight: 600;
}
.mini-cart ul.subtotal-title-area{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}
.mini-cart ul.subtotal-title-area li.subtotal-info{
    padding: 10px 15px;
    border-top: 1px solid #eee;
}
.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles{
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}
.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles h6{
    font-size: 14px;
    font-weight: 600;
}
.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles .subtotal-price{
    color: #d43b3b;
    margin-top: 0;
    font-weight: 600;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns{
    padding: 15px;
    border-top: 1px solid #eee;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns{
    display: flex;
    flex-direction: column;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a{
    width: 100%;
    margin-top: 15px;
}
.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a:first-child{
    margin-top: 0;
}
/* menu css */
.menu-area{
    background-color: #d43b3b;
}
.top-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.top-menu .search-form-container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    z-index: 2;
    display: none;
}
.top-menu .search-form-container.toggled {
    display: block;
}

.search-toggle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-toggle.toggled a {
    color: var(--accent-color);
}

.search-toggle.toggled i.icon-magnifier {
    transition: .1s;
    color: var(--accent-color);
}
.search-form-container input,
.search-form-container form {
    width: 100%;
}
.search-form-container input {
    padding: 4px 15px;
    border-radius: 13px;
}
/* main-menu css */
.megamenu-content{
    position: relative;
    border-right: 1px solid #40404044;
}
.top-menu ul.add-menu,
.top-menu ul.main-menu {
    display: flex;
}
.top-menu  ul.add-menu li.menu-link a,
.top-menu  ul.main-menu li.menu-link a {
    position: relative;
    color: #404040;
    padding: 2px 9px;
    display: block;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.6px;
}
.top-menu  ul.add-menu li.menu-link a .fa,
.top-menu  ul.main-menu li.menu-link a .fa {
    margin-left: 2px;
    font-size: 10px;
}

.top-home-menu--wrapper {
    margin-left: auto;
}

.top-menu  ul.add-menu > li.menu-link:hover > a,
.top-menu  ul.main-menu > li.menu-link:hover > a {
    color: #54284B;
}

.top-menu  ul.add-menu li.menu-link ul a,
.top-menu  ul.main-menu li.menu-link ul a {
    color: #000;
}
.top-menu--add {
    border-left: 0.5px solid #ffffff55;
}
.top-menu div .mainwrap ul.add-menu li.menu-link a.link-title i,
.top-menu div .mainwrap ul.main-menu li.menu-link a.link-title i{
    font-size: 14px;
    margin-left: 4px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title {
    display: flex;
    align-items: center;
    position: relative;
}
.mainwrap ul.add-menu li.menu-link a.link-title span.sp-link-title span.hot,
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot{
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    position: absolute;
    right: 10px;
    top: -12px;
    background-color: #f4ab1e;
    transform: translateX(100%);
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 3px;
    line-height: 1;
}
.mainwrap ul.add-menu li.menu-link a.link-title span.sp-link-title span.hot::before,
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot::before{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    border-left: 4px solid #f4ab1e;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.mainwrap ul.add-menu li.menu-link a.link-title.link-title-lg,
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg{
    display: none;
}
.mainwrap ul.add-menu li.menu-link a.link-title::after,
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    width: 1px;
    height: 25px;
    background: rgb(255, 255, 255, 30%);
}
.mainwrap ul.add-menu li.menu-link:first-child a.link-title,
.megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title {
    padding-left: 0px;
}
.mainwrap ul.add-menu li.menu-link:first-child a.link-title::after,
.megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title::after {
    display: none;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu.collapse:not(.show){
    display: block;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.mega-menu.collapse:not(.show),
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu.collapse:not(.show){
    display: flex;
    flex-wrap: wrap
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu{
    position: absolute;
    top: calc(100% + 20px);
    padding: 0;
    margin: 0 auto;
    background-color: #fff;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.mainwrap ul.add-menu li.menu-link:hover > ul.dropdown-submenu,
.megamenu-content .mainwrap ul.main-menu li.menu-link:hover > ul.dropdown-submenu{
    top: calc(100% + 0px);
    opacity: 1;
    visibility: visible;
}


.menu-link.parent {
    position: relative;
}

.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu,
.mainwrap ul.add-menu li.menu-link:hover ul.dropdown-submenu,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu,
.megamenu-content .mainwrap ul.main-menu li.menu-link:hover ul.dropdown-submenu{
    -webkit-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu{
    left: auto;
    min-width: 200px;
    border-radius: 10px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.mega-menu,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu{
    width: 100%;
    left: auto;
    right: 0px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
    width: 100%;
    left: 0px;
}
ul.add-menu li.menu-link ul.dropdown-submenu li,
ul.main-menu li.menu-link ul.dropdown-submenu li {
    padding: 8px 15px;
    border-radius: 10px;
}

.megamenu-content .mainwrap ul.main-menu ul.dropdown-submenu li.menu-link > .dropdown-submenu,
.megamenu-content .mainwrap ul.main-menu ul.dropdown-submenu li.menu-link:hover > .dropdown-submenu{
    top: 0px;
    left: 100%;
}
ul.add-menu li.menu-link ul.dropdown-submenu > li:hover,
ul.main-menu li.menu-link ul.dropdown-submenu > li:hover {
    background: #0001;
}

ul.add-menu li.menu-link ul.dropdown-submenu li:hover > a,
ul.main-menu li.menu-link ul.dropdown-submenu li:hover > a {
    color: #000;
}
ul.add-menu li.menu-link ul.dropdown-submenu li:first-child,
ul.main-menu li.menu-link ul.dropdown-submenu li:first-child{
    margin-top: 0px;
}
.modal-content {
    border-radius: 25px;
    border: none;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    overflow: auto;
}

.modal-header {
    padding: 1rem 1.8rem;
}

.form-control {
    border-radius: 15px;
    font-size: 15px;
    line-height: 26px;
    padding: 13px 30px;
}

.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu li.submenu-li a.submenu-link,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li a.submenu-link{
    padding: 0px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li{
    width: 25%;
    padding: 0px 15px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title{
    font-size: 14px;
    margin-bottom: 14px;
    color: #d43b3b;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg{
    display: none;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu.collapse:not(.show){
    display: block;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li{
    margin-top: 10px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner{
    width: 33.33%;
    padding: 0px 15px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a{
    position: relative;
    overflow: hidden;
    display: block;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img img,
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img:hover img,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img img,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img:hover img{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img:hover img,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img:hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-title,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-title{
    margin-top: 10px;
    text-align: center;
}
/* blog menu */
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{
    position: relative;
    padding: 0px 15px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link{
    width: 100%;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link i,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link i{
    float: right;
    font-size: 17px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{
    display: none;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.collapse:not(.show){
    display: block;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1{
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translateX(100%);
    min-width: 145px;
    padding: 10px 0px;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.ex-width,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.ex-width{
    min-width: 200px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li:hover ul.blog-style-1,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li:hover ul.blog-style-1{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a{
    width: 100%;
    padding: 5px 15px;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a i,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a i{
    font-size: 17px;
    float: right;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style{
    display: none;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style.collapse:not(.show){
    display: block;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 0px;
    min-width: 155px;
    transform: translateX(100%);
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li{
    position: relative;
}
.mainwrap ul.add-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li:hover ul.grid-style,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li:hover ul.grid-style{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* hotline css */
.offer{
    width: 20%;
}
.offer a{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.offer a i{
    font-size: 20px;
    margin-right: 10px;
}
/* header-bottom css */
.header-bottom-area{
    background-color: #fff;
    display: none;
}
.header-bottom-area .main-menu-area{
    position: relative;
}
.header-bottom-area .main-menu-area .main-navigation{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-bottom-area .main-menu-area .main-navigation .navbar-collapse{
    width: 75%;
}
.header-bottom-area .main-menu-area .main-navigation .img-hotline{
    width: 25%;
}
/* box-header css */
.main-menu-area .main-navigation .box-header{
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    line-height: 0;
}
.main-menu-area .main-navigation .box-header button{
    font-size: 18px;
    background-color: transparent;
    line-height: 0;
}

/* slider css */
.home-slider-6 .slider-banner{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.home-slider-6 .home-slider-main-6{
    width: 70%;
}
.home-slider-6 .home-slider-main-6 .home6-slider{
    z-index: 0;
}
.home-slider-6 .home-slider-main-6 .home6-slider .img-back{
    height: 460px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 33px
}
.home-slider-6 .home-slider-main-6 .home6-slider .img-back .h-s-content{
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
}
.home-slider-6 .home-slider-main-6 .home6-slider .img-back .h-s-content{
    left: 10%;
    width: 30%;
}

.slider__header {
    font-weight: 700;
    color: #fff;
    font-size: 44px;
    line-height: 1;
}

.slider__overlay-link {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
}
.home6-slider .items {
    position: relative;
}
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content .slider-name,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content .slider__header,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content h1,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content p,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content a{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    color: #f1f1f1;
}
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content .slider-name{
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 0.7s;
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content .slider__header{
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-duration: 1.0s;
}
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content p{
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    animation-duration: 1.3s;
}
.home-slider-6 .home-slider-main-6 .home6-slider .owl-item.active .img-back .h-s-content a{
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.3s;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}
.home-slider-6 .home-slider-main-6 .home6-slider .img-back span.slider-name{
    color: #73841b;
    font-size: 16px;
}
.home-slider-6 .home-slider-main-6 .home6-slider .img-back h1{
    color: #333;
    font-size: 40px;
    margin-top: 7px;
}
.home-slider-6 .home-slider-main-6 .home6-slider a{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px dotted #ffffff55;
}
/* slider navigation css */
.home-slider-6 .home-slider-main-6 .home6-slider.owl-theme .owl-nav{
    margin-top: 0px;
}
.testimonial-6 .testi-6 .owl-nav button,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-nav button{
    background-color: #fff;
    color: #000;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 35px;
    height: 35px;
    margin: 0px;
    border-radius: 100%;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-radius {
    border-radius: 25px;
}

.testimonial-6 .testi-6 .owl-nav button:hover,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-nav button:hover{
    background-color: #b18eaa;
    color: #fff;
}
.home-slider-6 .home-slider-main-6 .home6-slider .owl-nav button.owl-prev{
    left: 30px;
}
.home-slider-6 .home-slider-main-6 .home6-slider .owl-nav button.owl-next{
    right: 30px;
}
.testimonial-6 .testi-6 .owl-nav button.owl-prev{
    left: -45px;
}
.testimonial-6 .testi-6 .owl-nav button.owl-next{
    right: -45px;
}
/* slider dot css */
.home-slider-6 .home-slider-main-6 .home6-slider .owl-dots{
    position: absolute;
    bottom: 10px;
    right: 0px;
    left: 0px;
    line-height: 0px;
}

.mart {
    margin-top: 20px;
}
.home-content,
.home-brand1 {
    background: #f3f3f3;
}

.home-brand1 .owl-stage {
    display: flex;
}

.home-brand1 .owl-stage .items {
    height: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 30px;
    border-radius: 25px;
    filter: grayscale(1);
    transition: .2s;
}
.home-brand1 .owl-stage .items:hover {
    filter: grayscale(0);
}
.section-b-padding + .section-tb-padding,
.section-b-padding + .section-t-padding,
.section-tb-padding + .section-tb-padding,
.section-tb-padding + .section-t-padding {
    padding-top: 0px;
}
/* Blog css */
.home-6-blog{
    background-color: #f3f3f3;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-image{
    position: relative;
    display: flex;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-image a{
    position: relative;
    overflow: hidden;
    border-radius: 25px;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-image a img{
    backface-visibility: hidden;
}
.home-6-blog .blog-area .blog-6 .blog-start:hover .blog-image a img{
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-image a img,
.home-6-blog .blog-area .blog-6 .blog-start:hover .blog-image a img{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-image .image-link{
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-image .image-link a{
    background-color: #73841b;
    color: #fff;
    padding: 2px 8px;
    font-size: 13px;
    border-radius: 3px;
    text-transform: uppercase;
}
.blog-area .blog-6 {
    margin-bottom: 15px;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-image .image-link a:hover{
    background-color: #000;
}
.blog-content .blog-title h6,
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .blog-title h6{
    font-size: 20px;
    padding-top: 15px;
    font-weight: 700;
    letter-spacing: -0.6px;
}
.blog-content .blog-title h6 a,
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .blog-title h6 a{
    display: block;
    width: 100%;
}
.blog-content p.blog-description,
.home-6-blog .blog-area .blog-6 .blog-start .blog-content p.blog-description{
    color: #000;
    margin-top: 10px;
    font-size: 15px;
}
.blog-content .more-blog,
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .more-blog{
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.row .blog-content .more-blog {
    margin-bottom: 25px;
}
.blog-content .more-blog a.read-link,
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .more-blog a.read-link{
    color: var(--accent-color);
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 0.5px solid rgba(228, 84, 34, 0.45);
    display: flex;
    align-items: center;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .more-blog a.read-link i{
    font-size: 12px;
    padding-left: 5px;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .more-blog a.read-link i,
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .more-blog a.read-link:hover i{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.home-6-blog .blog-area .blog-6 .blog-start .blog-content .more-blog a.read-link:hover i{
    margin-left: 8px;
}

/* Testimonial css */
.testimonial-6 .testimonial-content .testimonial-area{
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}
.testimonial-6 .testimonial-content .testimonial-area:before{
    content: "\f10d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    font-weight: 900;
    background-color: var(--accent-color);
    color: #fff;
    width: 50px;
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    border-radius: 50%;
}
.testimonial-6 .testimonial-content .testimonial-area:after{
    content: "";
    position: absolute;
    top: 0px;
    width: 60px;
    height: 60px;
    border: 1px solid var(--accent-color);
    border-radius: 50%;
}
.testimonial-6 .testimonial-content .testimonial-area .testi-name{
    margin-left: 15px;
}

.testimonial-6 .testimonial-content .testimonial-area .testi-name  span.tsti-title{
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 4px;
}
.testimonial-6 .testimonial-content .testimonial-area .testi-name span i{
    color: #ffb503;
}
.testimonial-6 .testimonial-content p{
    color: #999;
    padding: 0px 5px;
    font-size: 13px;
    margin-top: 22px;
}
.testimonial-6 .testimonial-content h6{
    padding: 0px 5px;
    margin-top: 15px;
    font-weight: 500;
}
.banner .owl-dots button,
.brand-carousel .owl-dots button,
.testimonial-6 .owl-dots button{
    margin-top: 20px;
    line-height: 1;
}
.banner .owl-dots button,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-dots button,
.brand-carousel .owl-dots button,
.testimonial-6 .testi-6 .owl-dots button{
    margin-right: 10px;
}
.banner .owl-dots button:last-child,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-dots button:last-child,
.testimonial-6 .testi-6 .owl-dots button:last-child{
    margin-right: 0px;
}
.banner .owl-dots button.owl-dot span,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-dots button.owl-dot span,
.brand-carousel .owl-dots button.owl-dot span,
.testimonial-6 .testi-6 .owl-dots button.owl-dot span{
    width: 6px;
    height: 6px;
    margin: 0px;
    background-color: #fff;
    border-radius: 3px;
    transition: 0.2s;
}
.banner .owl-dots button.owl-dot.active span,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-dots button.owl-dot.active span,
.brand-carousel .owl-dots button.owl-dot.active span,
.testimonial-6 .testi-6 .owl-dots button.owl-dot.active span {
    background-color: #97698E;
    width: 15px;
}

.banner .owl-dots button.owl-dot:hover span,
.home-slider-6 .home-slider-main-6 .home6-slider .owl-dots button.owl-dot:hover span,
.brand-carousel .owl-dots button.owl-dot:hover span,
.testimonial-6 .testi-6 .owl-dots button.owl-dot:hover span{
    background-color: #97698E;
}

.home-slider-6 .owl-theme .owl-nav .disabled,
.testimonial-6 .testi-6 .owl-dots .disabled{
    opacity: 1;
}
.section-reviews-block-widget .items .testimonial-content{
    padding: 30px;
    background: #fff;
    border-radius: 25px;
    height: calc(100% - 20px);
}

.testimonial__target {
    margin-top: 3px;
    font-size: 14px;
}

.testimonial-6 .testi-6 .owl-dots button.owl-dot span {
    background-color: var(--main-color);
}
.section-contact-block-widget {
    position: relative;
    padding: 84px 0;
}
.contact-form-title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #fff;
}
.custom-text-content {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.bg-color .custom-text-content {
    color: #fff;
}
.section-contact-block-widget .contact-block-widget-background {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .section-contact-block-widget .contact-block-widget-background {
        justify-content: flex-start;
    }

    section {
        overflow: hidden;
    }
}
.fields-wrapper-flexed .form-group {
  position: relative;
  width: 100%;
}
.fields-wrapper-flexed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 20px;
}
.fields-wrapper-flexed .help-block {
    position: absolute;
    font-size: 12px;
}

.bg-color .fields-wrapper-flexed .help-block {
    color: #fff;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.characteristics td:first-child {
    font-weight: 700;
    padding-right: 40px;
}

.feedback__form {
    padding: 30px;
}

.item-question-form.form-custom .form-group, .contact-form.form-custom .form-group {
    width: 100%;
}
/* right banner css */
.home-slider-6 .top-banner{
    width: 30%;
    margin-top: -15px;
}
.home-slider-6 .top-banner .right-banner{
    margin-top: 15px;
    margin-left: 15px;
}
.home-slider-6 .top-banner .right-banner{
    position: relative;
}
.home-slider-6 .top-banner .right-banner .banner-r-content1,
.home-slider-6 .top-banner .right-banner .banner-r-content2{
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 20px;
    z-index: 3;
}

.home-slider-6 .top-banner .right-banner .banner-r-content2 .slider__header,
.home-slider-6 .top-banner .right-banner .banner-r-content1 .slider__header {
    font-size: 28px;
    margin-top: 7px;
}
.home-slider-6 .top-banner .right-banner .banner-r-content2 .slider-name,
.home-slider-6 .top-banner .right-banner .banner-r-content1 .slider-name{
    color: #fff;
    max-width: 55%;
    margin-top: 10px;
    margin-bottom: 25px;
}
.home-slider-6 .top-banner .right-banner .banner-r-content1 h2 span.banner-off{
    font-weight: 600;
}
.home-slider-6 .top-banner .right-banner .banner-r-content2 a.banner-shop1,
.home-slider-6 .top-banner .right-banner .banner-r-content1 a.banner-shop1{
    color: #f1f1f1;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px dotted #ffffff55;
    font-size: 14px;
}

.home-slider-6 .top-banner .right-banner a.r-banner::before,
.home-slider-6 .top-banner .right-banner a.r-banner::after,
.home6-banner-news .b-news .full-banner a.f-b::before,
.home6-banner-news .b-news .full-banner a.f-b::after{
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 3;
    opacity: 0;
}
.home-slider-6 .top-banner .right-banner a.r-banner::before,
.home6-banner-news .b-news .full-banner a.f-b::before{
    -webkit-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}
.home-slider-6 .top-banner .right-banner a.r-banner::after,
.home6-banner-news .b-news .full-banner a.f-b::after{
    -webkit-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}
.home-slider-6 .top-banner .right-banner a.r-banner::before,
.home6-banner-news .b-news .full-banner a.f-b::before{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-radius: 25px;
}
.home-slider-6 .top-banner .right-banner a.r-banner::after,
.home6-banner-news .b-news .full-banner a.f-b::after{
    background-color: rgba(255 255 255 / 24%);
    border-radius: 25px;
}
.home-slider-6 .top-banner .right-banner:hover a.r-banner::before,
.home-slider-6 .top-banner .right-banner:hover a.r-banner::after,
.home6-banner-news .b-news .full-banner:hover a.f-b::before,
.home6-banner-news .b-news .full-banner:hover a.f-b::after{
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.home-slider-6 .top-banner .right-banner a.r-banner::before,
.home-slider-6 .top-banner .right-banner a.r-banner::after,
.home-slider-6 .top-banner .right-banner:hover a.r-banner::before,
.home-slider-6 .top-banner .right-banner:hover a.r-banner::after,
.home6-banner-news .b-news .full-banner a.f-b::before,
.home6-banner-news .b-news .full-banner a.f-b::after,
.home6-banner-news .b-news .full-banner:hover a.f-b::before,
.home6-banner-news .b-news .full-banner:hover a.f-b::before{
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.home-slider-6 .top-banner .right-banner a.r-banner img,
.home6-banner-news .b-news .full-banner a.f-b img{
    border-radius: 33px;
}
.home-slider-6 .top-banner .right-banner a.r-banner,
.home6-banner-news .b-news .full-banner a.f-b{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 33px;
}
.home-slider-6 .top-banner .right-banner:hover a.r-banner img,
.home6-banner-news .b-news .full-banner:hover a.f-b img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.home-slider-6 .top-banner .right-banner a.r-banner img,
.home-slider-6 .top-banner .right-banner:hover a.r-banner img,
.home6-banner-news .b-news .full-banner a.f-b img,
.home6-banner-news .b-news .full-banner:hover a.f-b{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.block__header {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.08;
}

.section-title3 .accent,
.block__header .accent{
    color: #54284B;
}


/* service css */
.service{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #97698E;
    border: 1px dashed #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;

}
.service .service-box {
    width: 25%;
    height: 100%;
    border-right: 1px dashed #fff;
}
.service .service-box .s-box{
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}
.service .service-box .s-box a{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
}

.service .service-box .s-box a:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.service .service-box .s-box a:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.pro-info table {
    width: initial !important;
}
.service .service-box:last-child{
    border-right: none;
}
.service .service-box .s-box i{
    font-size: 38px;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.service .service-box .s-box:hover {
    background: #fff4;
}
.service .service-box .s-box:hover i{
    transform: rotateY(180deg);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.service .service-box .s-box .service-content span{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    max-width: 100px;
}
.service .service-box .s-box .service-content p{
    color: #999;
    font-size: 13px;
    margin-top: 1px;
}

/* Swiper button css */
.tab-pro-slider {
    position: relative;
}
.tab-pro-slider .swiper-buttons{
    height: calc(100%);
    height: -o-calc(100%);
    height: -ms-calc(100%);
    height: -moz-calc(100%);
    height: -webkit-calc(100%);
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.tab-pro-slider .swiper-buttons .content-buttons{
    height: 100%;
}
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev{
    background-color: #fff;
}
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev{
    background-image: none;
    height: 27px;
    width: 27px;
    display: flex;
    border-radius: 50%;
    color: #404040;
    opacity: 1;
    font-size: 22px;
    box-shadow: 0px 0px 12px 0px rgba(123, 190, 70, 0.1);
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next:hover,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev:hover,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next:focus{
    outline: none;
    background: #b18eaa;
    color: #fff;
}
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next{
    right: -36px;
}
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev{
    left: -36px;
}
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next:after{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 800;
}
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev:after{
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 800;
}
/* our products tab css */
.pro-tab ul.nav.nav-tabs{
    border-bottom: none;
    justify-content: center;
    margin-bottom: 40px;
}
.pro-tab ul.nav.nav-tabs li.nav-item{
    margin-right: 60px;
}
.pro-tab ul.nav.nav-tabs li.nav-item a.nav-link{
    color: #949494;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.pro-tab ul.nav.nav-tabs li.nav-item:last-child {
    margin-right: 0px;
}
.pro-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.pro-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover{
    color: #d43b3b;
    border-bottom: 1px solid #d43b3b;
    border-color: #fff #fff #d43b3b #fff;
}
.home6-tab .swiper-slide {
    height: initial;
}
.tab-product .tred-pro{
    position: relative;
}
.tab-product .tred-pro .Pro-lable span.p-text,
.tab-product .tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: 5px;
    font-size: 11px;
    color: #fff;
    padding: 2px 10px 2px 15px;
}
.tab-product .tred-pro .Pro-lable span.p-text{
    left: 5px;
    background-color: #d43b3b;
}
.tab-product .tred-pro .Pro-lable span.p-discount{
    right: 5px;
    background-color: #f4ab1e;
}
.tab-product .tab-caption .pro-icn{
    margin-top: 8px;
}
.tab-product .tab-caption .pro-icn a.w-c-q-icn i{
    background-color: #d43b3b;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.tab-product .tab-caption .rating{
    margin-top: 14px;
    line-height: 1;
}
.tab-product .tab-caption .rating i{
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}
.tab-product .tab-caption .rating i.b-star,
.tab-product .tab-caption .rating i.c-star,
.tab-product .tab-caption .rating i.d-star,
.tab-product .tab-caption .rating i.e-star{
    color: #ffb503;
}
.tab-product .tab-caption .rating i:last-child{
    margin-right: 0px;
}
.tab-product .tab-caption .pro-price{
    margin-top: 14px;
}
.tab-product .tab-caption .pro-price span.new-price{
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.tab-product .tab-caption .pro-price span.old-price{
    color: #999;
    font-size: 13px;
    line-height: 1;
}
/* additional image css */
.tab-product .tred-pro .tr-pro-img a img.additional-image{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.tab-product .tred-pro:hover .tr-pro-img a img.additional-image{
    opacity: 1;
    visibility: visible;
}
.tab-product .tred-pro:hover ul.contdown_row{
    opacity: 0;
    visibility: hidden;
}
.tab-product .tred-pro .tr-pro-img a img.additional-image,
.tab-product .tred-pro:hover .tr-pro-img a img.additional-image{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* timer */
ul.contdown_row{
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    background-color: #d43b3b;
    margin: 0 15px;
    border-radius: 4px;
}
ul.contdown_row li.countdown_section{
    position: relative;
    width: 48px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
ul.contdown_row li.countdown_section:last-child{
    margin-right: 0px;
}
ul.contdown_row li.countdown_section span.countdown_timer{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
ul.contdown_row li.countdown_section span.countdown_title{
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
}
ul.contdown_row li.countdown_section:before{
    content: ":";
    position: absolute;
    right: -5px;
    bottom: 50%;
    transform: translateY(50%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
ul.contdown_row li.countdown_section:last-child:before{
    display: none;
}
/* Banner grid css */
.home4-grid-banner .organic-food-fresh-banner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner{
    position: relative;
    width: 50%;
    margin-right: 30px;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner:last-child{
    margin-right: 0px;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after{
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 9;
    opacity: 0;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before{
    -webkit-transform: scale(1,0);
    -o-transform: scale(1,0);
    transform: scale(1,0);
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after{
    -webkit-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::after{
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::after{
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover{
    display: block;
    position: relative;
    overflow: hidden;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover img,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover img{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.home4-grid-banner .organic-food-fresh-banner .offer-banner .banner-content{
    position: absolute;
    bottom: 50%;
    left: 20px;
    transform: translateY(50%);
    width: 50%;
    z-index: 20;
}
.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content span.b-title{
    color: #333;
    line-height: 1;
    text-transform: uppercase;
}
.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content h2{
    color: #333;
    font-size: 24px;
    margin-top: 5px;
    font-weight: 600;
}
.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content p{
    color: #333;
    margin-top: 5px;
}
.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content a{
    margin-top: 13px;
}
.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content span.b-title{
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
}
.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content h2{
    color: #fff;
    margin-top: 5px;
    font-size: 24px;
}
.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content p{
    color: #fff;
    margin-top: 5px;
}
.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content a{
    margin-top: 13px;
}
/* category image css */
.catalog-categories .categories__item {
    margin-bottom: 1.8rem;
}

.categories__image {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 220px;
    flex: none;
    border-radius: 25px;
}

.categories__image img {
    border-radius: 25px;
}


.categories__text {
    margin-top: 25px;
}

.unit__list {
    margin: 15px 0px 25px;
}

.unit__list li {
    font-size: 15px;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
}

.unit__more {
    color: var(--accent-color);
    text-transform: uppercase;
    border-bottom: 0.5px solid rgba(228, 84, 34, 0.45);
    font-size: 12px;
    font-weight: 500;
    margin-top: 15px;
}

.unit__list li:before {
    content: '\f105';
    font-family: "fontawesome";
    margin-right: 5px;
    margin-top: 6px;
}

.unit__list li a {
    padding: 5px 0px;
}


.home4-category .home4-cate .cate-image a{
    position: relative;
    display: block;
}


.home4-category .home4-cate .cate-image a::before {
    background-color: #ffffff;
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    visibility: visible;
}
.home4-category .home4-cate .cate-image:hover a::before {
    opacity: 0.5;
    visibility: visible;
}
.home4-category .home4-cate .cate-image a::before,
.home4-category .home4-cate .cate-image:hover a::before {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.home4-category .home4-cate .cate-image a img{
    border: 1px solid #e5e5e5;
}
.home4-category .home4-cate .cate-image span.cate-item{
    background-color: #d43b3b;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 8px;
    font-size: 12px;
}
.home4-category .home4-cate .cate-image a span.cate-title{
    color: #232323;
    font-weight: 500;
    position: absolute;
    bottom: 5px;
    left: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.home4-category .home4-cate .cate-image:hover a span.cate-title{
    bottom: 15px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* our products tab css */
.pro-tab6 ul.nav.nav-tabs{
    border-bottom: none;
    justify-content: center;
    margin-bottom: 40px;
}
.pro-tab6 ul.nav.nav-tabs li.nav-item{
    margin-right: 60px;
}
.pro-tab6 ul.nav.nav-tabs li.nav-item:last-child{
    margin-right: 0px;
}
.pro-tab6 ul.nav.nav-tabs li.nav-item a.nav-link{
    color: #333;
    font-size: 15px;
    font-weight: 500;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
}
.pro-tab6 ul.nav.nav-tabs li.nav-item a.nav-link.active,
.pro-tab6 ul.nav.nav-tabs li.nav-item a.nav-link:hover{
    color: var(--main-alt-color);
    border-bottom: 1px solid var(--main-alt-color);
    border-color: transparent transparent var(--main-alt-color) transparent;
}
.catalog-items .catalog-items__item {
    margin-bottom: 3rem;
}
.tab-product {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 33px;
}

.compare__column .tab-product {
    height: initial;
}

.compare__wrapper {
    width: 100%;
    overflow-x: scroll;
    flex-wrap: nowrap;
}

.compare__filter {
}

.tab-product .tred-pro{
    position: relative;
    padding: 25px 0 15px;
}

.tab-product .tred-pro .Pro-lable span.p-text,
.tab-product .tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: initial;
    bottom: 5px;
    font-size: 11px;
    padding: 5px 10px;
    line-height: 1;
    border: 2px solid var(--accent-color);
    border-radius: 4px;
}

.tab-product .tred-pro .Pro-lable span.p-text{
    left: 20px;
    background-color: #fff;
    color: var(--accent-color);
    font-weight: 600;
}
.tab-product .tred-pro .Pro-lable span.p-discount{
    right: 20px;
    background-color:#fff;
    color: var(--accent-color);
    font-weight: 600;
}
.tab-product .tab-caption{
    margin-top: 3px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tab-product .tab-caption .pro-icn{
    margin-top: 8px;
}
.tab-product .tab-caption .pro-icn a.w-c-q-icn i{
    background-color: var(--main-alt-color);
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.tab-product .tab-caption .rating{
    margin-top: 15px;
    line-height: 1;
}
.tab-product .tab-caption .rating i{
    color: #ccc;
    font-size: 14px;
}
.tab-product .tab-caption .rating i.b-star,
.tab-product .tab-caption .rating i.c-star,
.tab-product .tab-caption .rating i.d-star,
.tab-product .tab-caption .rating i.e-star{
    color: #ffb503;
}
.tab-product .tab-caption .rating i:last-child{
    margin-right: 0px;
}
.tab-product .tab-caption .pro-price{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.all-price {
    display: flex;
    flex-direction: column;
}
.tab-product .tab-caption .pro-price span.new-price{
    margin-right: 5px;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    letter-spacing: -0.6px;
}
.tab-product .tab-caption .pro-price span.old-price{
    color: #c6c6c6;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.6px;
}

span.del {
    position: relative;
    display: inline-block;
}
span.del:before {
    content: '';
    width: 100%;
    height: 1px;
    background: red;
    left: 0px;
    right: 0px;
    top: 50%;
    display: block;
    bottom: 50%;
    position: absolute;
}

.pro-price .w-c-q-icn {
    background: var(--accent-color);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 15px;
    border-radius: 33px;
}

.unit__text {
    font-size: 13px;
    margin-top: 10px;
    font-weight: 300;
    color: #888;
    line-height: 17px;
}
/* additional image css */
.tab-product .tred-pro .tr-pro-img a img{
    backface-visibility: hidden;
    max-height: 230px;
    object-fit: contain;
}
.tab-product .tred-pro .tr-pro-img a img.additional-image{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.tab-product .tred-pro:hover .tr-pro-img a img.additional-image{
    opacity: 1;
    visibility: visible;
}
.tab-product .tred-pro:hover ul.contdown_row{
    opacity: 0;
    visibility: hidden;
}
.tab-product .tred-pro .tr-pro-img a img.additional-image,
.tab-product .tred-pro:hover .tr-pro-img a img.additional-image{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* featured Products css */
.tred-pro{
    position: relative;
}
.tred-pro .tr-pro-img a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.tred-pro .tr-pro-img a img{
    backface-visibility: hidden;
}
.tred-pro:hover ul.contdown_row{
    opacity: 0;
    visibility: hidden;
}
.tred-pro .Pro-lable span.p-text,
.tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
}
.tred-pro .Pro-lable span.p-text{
    left: 5px;
    background-color: var(--accent-color);
}
.tred-pro .Pro-lable span.p-discount{
    right: 5px;
    background-color: var(--accent-color);
}
.tred-pro .pro-icn{
    position: absolute;
    top: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px auto;
}
.tred-pro .pro-icn a.w-c-q-icn:first-child{
    transform: translateX(40px);
}
.tred-pro .pro-icn a.w-c-q-icn:last-child{
    transform: translateX(-40px);
}
.tab-product:hover .pro-icn a.w-c-q-icn:first-child{
    margin-right: 15px;
}
.tab-product:hover .pro-icn a.w-c-q-icn:last-child{
    margin-left: 15px;
}
.tab-product:hover .pro-icn a.w-c-q-icn{
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.tred-pro .pro-icn a.w-c-q-icn{
    background-color: #f3f3f3;
    color: #000;
    width: 40px;
    height: 40px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}
.tred-pro .pro-icn a.w-c-q-icn:hover{
    background-color: var(--accent-color);
}
.tab-product:hover .pro-icn a.w-c-q-icn{
    position: relative;
    opacity: 1;
    visibility: visible;
}
.tred-pro .pro-icn a.w-c-q-icn::after{
    background-color: var(--accent-color);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.tred-pro .pro-icn a.w-c-q-icn:hover{
    color: #fff;
}
.tred-pro .pro-icn a.w-c-q-icn:hover::after{
    background-color: var(--accent-color);
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.caption{
    padding-top: 15px;
    text-align: center;
}
.caption h3{
    font-size: 14px;
    font-weight: 400;
}
.caption h3 a{
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.caption .rating{
    margin-top: 11px;
}
.caption .rating i{
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}
.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star{
    color: #ffb503;
}
.caption .rating i:last-child{
    margin-right: 0px;
}
.caption .pro-price{
    margin-top: 11px;
}
.caption .pro-price span.new-price{
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.caption .pro-price span.old-price{
    color: #999;
    font-size: 13px;
    line-height: 1;
}
/* additional image css */
.tred-pro .tr-pro-img a img.additional-image{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.tred-pro:hover .tr-pro-img a img.additional-image{
    opacity: 1;
    visibility: visible;
}
.tred-pro .tr-pro-img a img.additional-image,
.tred-pro:hover .tr-pro-img a img.additional-image{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* brand css */
.home4-barnd-logo .home4-brand img.brand-4{
    width: 75%;
    margin: 0 auto;
}
/* quick view css */
.quick-view .modal .modal-dialog{
    max-width: 900px;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0;
    right: 0;
}

.quick-view .modal .modal-dialog .modal-content{
    border: none;
}
.quick-view .modal .modal-dialog .modal-content .modal-header{
    width: 100%;
    padding: 15px;
    float: right;
    display: flex;
    align-items: center;
}
.quick-view .modal .modal-dialog .modal-content .modal-header h5{
    font-size: 16px;
    line-height: 1;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area{
    padding: 15px;
    display: flex;
    align-items: flex-start;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image{
    width: 50%;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider{
    margin-top: 15px;
    border-bottom: none;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider li{
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider li a{
    padding: 0px;
    border: none;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption{
    width: calc(50% - 15px);
    margin-left: 15px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption h4{
    font-size: 18px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price{
    margin-top: 10px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.new-price{
    margin-right: 5px;
    font-size: 15px;
    font-weight: 700;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.old-price{
    color: #999;
    font-size: 14px;
    font-weight: 500;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating{
    margin-top: 10px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i{
    font-size: 16px;
    color: #999;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i.c-star{
    color: #f5ab1e;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-description p{
    color: #999;
    font-size: 13px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size{
    margin-top: 10px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size label{
    font-weight: 600;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size select{
    margin-left: 10px;
    padding: 8px 12px;
    border: 1px solid #eee;
    border-radius: 4px;
    text-transform: uppercase;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus{
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span{
    display: flex;
    border: 1px solid #eee;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span input{
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-cart,
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-wishlist{
    width: 40px;
    height: 40px;
    background-color: #d43b3b;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #d43b3b;
    border-radius: 4px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-cart:hover,
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-wishlist:hover {
    color: #d43b3b;
    background-color: transparent;
}
/* header style-4 products css */
.header-style-4-pro{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.header-style-4-pro .header-product{
    width: calc(20% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}
.header-style-4-pro .header-product:nth-child(1),
.header-style-4-pro .header-product:nth-child(2),
.header-style-4-pro .header-product:nth-child(3),
.header-style-4-pro .header-product:nth-child(4),
.header-style-4-pro .header-product:nth-child(5){
    margin-top: 0px;
}

.sort-by {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 2rem;
    letter-spacing: -0.6px;
}

.sort-by label {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin-right: 10px;
}

.grid-list-selector > li {
    font-size: 12px;
    padding: 6px 10px;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 5px;
}

.grid-list-selector > li > a {
    display: flex;
    align-items: center;
}
.grid-list-selector > li > a:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 20px;
}

.grid-list-selector > li ul {
    position: absolute;
    display: none;
}

.grid-list-selector > li ul a {
    padding: 5px;
}

.grid-list-selector > li a.active + ul {
    display: block;
    z-index: 2;
    background: #fff;
    top: 100%;
    padding: 5px;
    border: 1px solid #E9E9E9;
    right: 0px;
    min-width: 150px;
}
/* footer style-4 product css */
.footer-style-4-pro{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.footer-style-4-pro .header-product{
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.footer-style-4-pro .header-product:nth-child(1),
.footer-style-4-pro .header-product:nth-child(2){
    margin-top: 0px;
}
.footer-style-4-pro .header-product .tred-pro{
    width: 40%;
}
.footer-style-4-pro .header-product .caption{
    width: calc(60% - 20px);
    margin-left: 20px;
    padding-top: 0px;
    text-align: left;
}
.footer-style-4-pro .header-product .caption h3 a{
    font-weight: 600;
}
.footer-style-4-pro .header-product .caption span.pro-des{
    margin-top: 7px;
}
.footer-style-4-pro .header-product .caption .rating{
    margin-top: 11px;
}
.footer-style-4-pro .header-product .caption .pro-price{
    margin-top: 10px;
}
.footer-style-4-pro .header-product .caption .pro-icn{
    position: unset;
    margin-top: 14px;
}
.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn{
    position: relative;
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn:hover{
    background-color: #d43b3b;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn::after{
    background-color: #d43b3b;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn:hover{
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn:hover::after{
    background-color: #d43b3b;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
/* contact page css */
.map-area .map-title h1{
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.map-area .map {
    display: flex;
}
.map-area .map iframe{
    width: 100%;
    height: 680px;
}
.map-area .map-details{
    display: flex;
    flex-wrap: wrap;
}
.map-area .map-details .contact-info{
    width: 50%;
}
.map-area .map-details .contact-info .contact-details h4{
    font-size: 18px;
}
.map-area .map-details .contact-info .contact-details form {
    margin-top: 18px;
}
.map-area .map-details .contact-info .contact-details form label{
    display: block;
    margin-top: 15px;
}
.map-area .map-details .contact-info .contact-details form label:first-child {
    margin-top: 0px;
}
.map-area .map-details .contact-info .contact-details form input:not([type=submit]){
    width: 100%;
    border-radius: 15px;
    padding: 13px 25px;
    margin-top: 10px;
}
.map-area .map-details .contact-info .contact-details form textarea{
    width: 100%;
    resize: none;
    margin-top: 10px;
    border-radius: 15px;
}
.map-area .map-details .contact-info .contact-details a{
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
}
.map-area .map-details .contact-info .contact-details a i {
    margin-left: 5px;
}
.map-area .map-details .contact-info .information{
    margin-left: 30px;
}
.map-area .map-details .contact-info .information h4{
    font-size: 18px;
}
.map-area .map-details .contact-info .information p.info-description{
    margin-top: 16px;
}
.map-area .map-details .contact-info .information .contact-in {
    margin-top: 22px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details:first-child {
    margin-top: 0px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details li i{
    font-size: 20px;
    margin-right: 20px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details li h4{
    font-size: 14px;
    line-height: 1;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details li a {
    margin-top: 7px;
}
/*--------------------------
footer css
---------------------------*/
/* company detail css */
footer {
    background: var(--accent-color);
    color: #fff;
    padding-top: 100px;
    padding-bottom: 80px;
    line-height: 1.75;
}

.home4-footer{
    display: flex;
    justify-content: space-between;
}

.footer__logo {
    width: 160px;
}

.footer__middle {
    margin-top: 20px;
    margin-bottom: 20px;
}

.f-logo ul.footer-ul{
    flex-direction: column;
}
.f-logo ul.footer-ul li.footer-address{
    margin-top: 16px;
}
.f-logo ul.footer-ul li.footer-address ul.foote-map{
    color: #666;
    display: flex;
    align-items: center;
}
.f-logo ul.footer-ul li.footer-address ul.foote-map li.footer-icon{
    margin-right: 20px;
}
.f-logo ul.footer-ul li.footer-address ul.foote-map li.footer-add span {
    margin-top: 5px;
}
.f-logo ul.footer-ul li.footer-address ul.foote-map li.footer-add span:first-child {
    margin-top: 0px;
}
.f-logo ul.footer-ul li.footer-address i{
    color: #d43b3b;
    font-size: 22px;
}
.f-logo ul.footer-ul li.footer-contact{
    margin-top: 9px;
}
.f-logo ul.footer-ul li.footer-contact i{
    color: #d43b3b;
    font-size: 22px;
}
.f-logo ul.footer-ul li.footer-contact ul.footer-num{
    display: flex;
    align-items: center;
}
.f-logo ul.footer-ul li.footer-contact ul.footer-num li.footer-icon{
    margin-right: 20px;
}
.f-logo ul.footer-ul li.footer-contact ul.footer-num li.footer-info a{
    color: #666;
    margin-top: 5px;
    display: block;
}
.f-logo ul.footer-ul li.footer-contact ul.footer-num li.footer-info a:first-child {
    margin-top: 0px;
}
.f-logo ul.footer-ul li.footer-contact ul.footer-num li.footer-info a:hover{
    color: #d43b3b;
}
/* footer bottom css */
.footer-bottom{
    width: 40%;
}
.footer-link{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-link .f-link{
    width: 50%
}
.footer-link .f-link .h-footer{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 24px;
}

.footer-contact-header {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 22px;
    margin-top: 40px;
    color: #fff;
    opacity: .5;
    line-height: 1.2;
}

.f-deal-content a {
    margin-bottom: 15px;
    display: block;
}

.f-deal-content div:first-child .footer-contact-header {
    margin-top: 0px;
}

.footer-link .f-link li {
    padding: 10px 0;
}

.footer-deal{
    width: 22%;
    color: #fff;
}
.footer-deal .f-deal-content h2{
    color: #fff;
    font-size: 16px;
    line-height: 1;
}
.footer-deal .f-deal-content p{
    color: #fff;
    margin-top: 20px;
}
.footer-deal .footer-search {
    margin-top: 8px;
}
.footer-deal .footer-search form{
    position: relative;
}
.footer-deal .footer-search form input{
    width: 100%;
    height: 41px;
    font-size: 13px;
    border-radius: 3px;
    border: none;
}
.footer-deal .footer-search form a{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 6px 28px;
    font-size: 18px;
    border-radius: 0px 3px 3px 0px;
    z-index: 3;
}
.footer-deal .footer-search ul.f-bottom {
    margin-top: 16px;
}
.footer-deal .footer-search ul.f-bottom li.f-social{
    display: flex;
}
.footer-deal .footer-search ul.f-bottom li.f-social a.f-icn-link{
    background-color: #fff;
    color: #d43b3b;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.footer-deal .footer-search ul.f-bottom li.f-social a:hover i{
    color: #fff;
    z-index: 1;
}
.footer-deal .footer-search ul.f-bottom li.f-social a.f-icn-link:last-child{
    margin-right: 0;
}
.footer-deal .footer-search ul.f-bottom li.f-social a::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.footer-deal .footer-search ul.f-bottom li.f-social a:hover::after{
    background-color: #d43b3b;
    width: 100%;
    border-radius: 4px;
}
/* footer copyright css */
.footer-copyright{
    padding: 0 0 15px 0;
}
.footer-copyright ul.f-bottom{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.footer-copyright ul.f-bottom li.f-c{
    width: calc(50% - 50px);
}
.footer-copyright ul.f-bottom li.f-copyright p{
    color: #fff;
    font-size: 15px;
}
.footer-copyright ul.f-bottom li.f-copyright p{
    color: #fff;
    font-size: 15px;
}
.footer-copyright ul.f-bottom li.f-payment{
    text-align: right;
}

.footer-copyright ul.f-bottom li.f-payment ul {
    display: flex;
    justify-content: flex-end;
}
.footer-copyright ul.f-bottom li.f-payment ul li {
    padding-left: 10px;
}

.footer-copyright .f-bottom {
    padding-top: 15px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #e87337
}
/* back to top css */
a.scroll {
    position: fixed;
    bottom: 80px;
    right: 30px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}
a.scroll.show{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
a.scroll span{
    color: #d43b3b;
    font-size: 16px;
    height: 37px;
    width: 37px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid #d43b3b;
    border-radius: 4px;
}
a.scroll:hover span{
    color: #fff;
    background-color: #d43b3b;
}
a.scroll span,
a.scroll:hover span{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* popup css start */
.vegist-popup .modal-dialog{
    position: absolute;
    bottom: 50%;
    transform: translateY(50%) !important;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}
.vegist-popup.animated{
    animation-duration: 2s;
}
.vegist-popup .modal-dialog .modal-content .modal-body{
    padding: 0px;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content{
    position: relative;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content:before{
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content a.close-btn{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter{
    padding: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content{
    position: relative;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content h4{
    font-size: 20px;
    margin-top: 12px;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content span{
    font-size: 14px;
    font-weight: 400;
    margin-top: 7px;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area{
    margin-top: 24px;
    position: relative;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area input{
    width: 100%;
    padding: 8px 15px;
    background-color: #f7f7f7;
    border-color: #eee;
    border-radius: 4px;
}
.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area a{
    margin-top: 20px;
}
.about-l {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-l .h1,
.about-l h1 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.about-back {
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}
.breadcrumb {
    font-size: 12px;
    margin-top: 10px;
    align-items: center;
}
.breadcrumb a {
}
.breadcrumb li + li:before {
    content: '/';
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

/* product page css */
.quick-veiw-area .pro-image .larg-image a.long-img,
.pro-page .pro-image .larg-image a.long-img{
    margin-bottom: 20px;
    width: 100%;
}
.quick-veiw-area .pro-image .larg-image a.long-img figure.zoom,
.pro-page .pro-image .larg-image a.long-img figure.zoom {
     background-position: 50% 50%;
     position: relative;
     overflow: hidden;
     cursor: crosshair;
     margin-bottom: 0px;
     background-repeat: no-repeat;
}

.quick-veiw-area .pro-image .larg-image a.long-img figure.zoom img:hover,
.pro-page .pro-image .larg-image a.long-img figure.zoom img:hover {
     opacity: 0;
}
.quick-veiw-area .pro-image .larg-image a.long-img figure.zoom img ,
.pro-page .pro-image .larg-image a.long-img figure.zoom img {
     transition: opacity 0.5s;
     display: block;
     width: 100%;
     background: #fff;
}
.sku {
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px;
}
.sku .available {
    font-weight: 400;
    min-width: 105px;
}
.quick-veiw-area .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider,
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider{
    position: relative;
    border-bottom: none;
}
.quick-veiw-area .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a,
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a{
    padding: 0px;
    border: 1px solid transparent;
    margin-bottom: 1px;
}
.quick-veiw-area .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a.active,
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a.active {
    border: 1px solid #f5ab1e;
    border-radius: 0px;
}
/* slider arro */
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider .owl-nav button {
    background-color: transparent;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    margin: 0px;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider .owl-nav button.owl-prev {
    left: -10px;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider .owl-nav button.owl-next {
    right: -10px;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider .owl-nav button i {
    color: #232323;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider .owl-nav button:hover i {
    color: #f5ab1e;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider .owl-nav button i,
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider .owl-nav button:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.quick-veiw-area .pro-image .pro-info h4,
.pro-page .pro-image .pro-info h4{
    font-size: 28px;
    font-weight: 600;
}
.quick-veiw-area .pro-image .pro-info .rating,
.pro-page .pro-image .pro-info .rating{
    border-top: 1px solid #ededed;
    margin-top: 15px;
    padding-top: 19px;
    display: flex;
}
.quick-veiw-area .pro-image .pro-info .rating i,
.pro-page .pro-image .pro-info .rating i{
    color: #999;
}
.quick-veiw-area .pro-image .pro-info .rating i.d-star,
.pro-page .pro-image .pro-info .rating i.d-star{
    color: #f5ab1e;
    margin-right: 2px;
}
.quick-veiw-area .pro-image .pro-info .pro-availabale,
.pro-page .pro-image .pro-info .pro-availabale{
    margin-top: 12px;
}
.quick-veiw-area .pro-image .pro-info .pro-availabale span.available,
.pro-page .pro-image .pro-info .pro-availabale span.available{
    min-width: 105px;
    font-weight: 400;
    font-size: 12px;
}
.quick-veiw-area .pro-image .pro-info .pro-availabale span.stock,
.pro-page .pro-image .pro-info .pro-availabale span.stock{
    background: #e30514;
    padding: 2px 5px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    border-radius: 3px;
}
.quick-veiw-area .pro-image .pro-info .pro-availabale span.pro-instock,
.pro-page .pro-image .pro-info .pro-availabale span.pro-instock{
    background: #009050;
}

.price-lable {
    font-size: 16px;
    font-weight: 500;
    margin-right: 6px;
}
.quick-veiw-area .pro-image .pro-info .pro-price,
.pro-page .pro-image .pro-info .pro-price{
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.quick-veiw-area .pro-image .pro-info .pro-price span.new-price,
.pro-page .pro-image .pro-info .pro-price span.new-price{
    font-size: 20px;
    font-weight: 700;
    color: var(--accent-color);
}
.quick-veiw-area .pro-image .pro-info .pro-price span.old-price,
.pro-page .pro-image .pro-info .pro-price span.old-price{
    color: #cfcfcf;
    margin-left: 5px;
}

.quick-veiw-area .pro-qty .wish,
.quick-veiw-area .pro-qty .compare,
.pro-page .pro-qty .wish,
.pro-page .pro-qty .compare {
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--accent-color);
    font-size: 16px;
    margin-left: 15px;
    border: 1px solid #cfcfcf;
    flex: none;
}
.quick-veiw-area .pro-image .pro-info .pro-price .Pro-lable span.p-discount,
.pro-page .pro-image .pro-info .pro-price .Pro-lable span.p-discount{
    background-color: #e30514;
    font-size: 13px;
    color: #fff;
    margin-left: 10px;
    padding: 2px 6px 2px 13px;
    transform: rotate(-35deg);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.quick-veiw-area .pro-qty .wish,
.quick-veiw-area .pro-qty .compare {
    margin-left: 5px;
}
.quick-veiw-area .pro-image .pro-info span.pro-details,
.pro-page .pro-image .pro-info span.pro-details{
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
}
.quick-veiw-area .pro-image .pro-info span.pro-details span.pro-number,
.pro-page .pro-image .pro-info span.pro-details span.pro-number{
    color: #f5ab1e;
    font-weight: 600;
}
.quick-veiw-area .pro-image .pro-info p,
.pro-page .pro-image .pro-info p{
    margin-top: 9px;
    color: #333;
    font-size: 15px;
}
.quick-veiw-area .pro-image .pro-info .pro-items,
.pro-page .pro-image .pro-info .pro-items{
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.quick-veiw-area .pro-image .pro-info .pro-items span.pro-size,
.pro-page .pro-image .pro-info .pro-items span.pro-size{
    font-size: 14px;
    font-weight: 600;
}
.quick-veiw-area .pro-image .pro-info .pro-items ul.pro-wight,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight{
    display: flex;
    flex-wrap: wrap;
}
.quick-veiw-area .pro-image .pro-info .pro-items ul.pro-wight li,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li{
    margin-left: 15px;
}
.quick-veiw-area .pro-image .pro-info .pro-items ul.pro-wight li a,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a{
    color: #adadad;
    border-bottom: 2px solid #adadad;
    padding: 2px 8px;
}
.quick-veiw-area .pro-image .pro-info .pro-items ul.pro-wight li a.active,
.quick-veiw-area .pro-image .pro-info .pro-items ul.pro-wight li a:hover,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a.active,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a:hover{
    color: #000;
    border-color: #000;
    padding: 2px 8px;
}
.quick-veiw-area .pro-image .pro-info .product-color,
.pro-page .pro-image .pro-info .product-color {
    display: flex;
    align-items: center;
    margin-top: 27px;
}
.pro-page .pro-image .pro-info .product-color span.color-label {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}
.pro-page .pro-image .pro-info .product-color span.color {
    margin-left: 15px;
    line-height: 1;
    display: flex;
}
.pro-page .pro-image .pro-info .product-color span.color a {
    padding: 2px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 100%;
}
.pro-page .pro-image .pro-info .product-color span.color a.active,
.pro-page .pro-image .pro-info .product-color span.color a:hover {
    border-color: #333;
}
.pro-page .pro-image .pro-info .product-color span.color a span {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}
.pro-page .pro-image .pro-info .product-color span.color a:last-child {
    margin-right: 0px;
}
.pro-page .pro-image .pro-info .product-color span.color a:nth-child(1) span {
    background-color: #5fa800;
}
.pro-page .pro-image .pro-info .product-color span.color a:nth-child(2) span {
    background-color: #f5ab1e;
}
.pro-page .pro-image .pro-info .product-color span.color a:nth-child(3) span {
    background-color: #b58555;
}
.quick-veiw-area .pro-image .pro-info .pro-qty,
.pro-page .pro-image .pro-info .pro-qty{
    display: flex;
    align-items: center;
    margin-top: 27px;
}
.quick-veiw-area .pro-image .pro-info .pro-qty span.qty,
.pro-page .pro-image .pro-info .pro-qty span.qty{
    font-weight: 700;
}
.quick-veiw-area .pro-image .pro-info .pro-qty .plus-minus,
.pro-page .pro-image .pro-info .pro-qty .plus-minus{
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus{
    margin-left: 15px;
    margin-right: 15px;
}
.quick-veiw-area .pro-image .pro-info .pro-qty .plus-minus {
    margin-left: 5px;
    margin-right: 5px;
}
.quick-veiw-area .pro-image .pro-info .pro-qty .plus-minus span,
.pro-page .pro-image .pro-info .pro-qty .plus-minus span{
    display: flex;
}
.quick-veiw-area .pro-image .pro-info .pro-qty .plus-minus span a,
.pro-page .pro-image .pro-info .pro-qty .plus-minus span a{
    width: 34px;
    height: 35px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quick-veiw-area .pro-image .pro-info .pro-qty .plus-minus input,
.pro-page .pro-image .pro-info .pro-qty .plus-minus input{
    width: 50px;
    height: 35px;
    border-top: none;
    border-bottom: none;
    padding: 0;
    border-top: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.quick-veiw-area .pro-image .pro-info .pro-btn,
.pro-page .pro-image .pro-info .pro-btn{
    margin-top: 17px;
}

.quick-veiw-area .pro-image .pro-info .pro-btn a,
.pro-page .pro-image .pro-info .pro-btn a {
    margin-left: 5px;
    margin-top: 10px;
}
.pro-page .pro-image .pro-info .pro-btn a:first-child {
    margin-left: 0px;
}
.quick-veiw-area .pro-image .pro-info .share,
.pro-page .pro-image .pro-info .share{
    margin-top: 27px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.quick-veiw-area .pro-image .pro-info .share ul.share-icn,
.pro-page .pro-image .pro-info .share ul.share-icn{
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.quick-veiw-area .pro-image .pro-info .share ul.share-icn li,
.pro-page .pro-image .pro-info .share ul.share-icn li{
    margin-left: 15px;
}
.quick-veiw-area .pro-image .pro-info .share ul.share-icn li a i,
.pro-page .pro-image .pro-info .share ul.share-icn li a i{
    font-size: 18px;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-facebook{
    color: #000;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-twitter{
    color: #000;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-instagram{
    color: #000;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-pinterest{
    color: #000;
}
.pro-page .pro-image .pro-info .pay-img{
    margin-top: 22px;
}
.pro-page .pro-shipping .product-service{
    background-color: #fff;
    padding: 40px 35px;
    margin-top: 30px;
    border: 1px solid #f1f1f1
}
.pro-page .pro-shipping .product-service:first-child{
    margin-top: 0px;
}
.pro-page .pro-shipping .product-service .icon-title {
    display: flex;
    align-items: center;
}
.pro-page .pro-shipping .product-service .icon-title span{
    color: #f5ab1e;
    font-size: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}
.pro-page .pro-shipping .product-service .icon-title h4{
    font-size: 18px;
    margin-left: 25px;
    font-weight: 700;
    color: var(--main-alt-color);
    letter-spacing: -0.6px;
}
.pro-page .pro-shipping .product-service p{
    color: #333;
    margin-top: 15px;
}
/* tab css */
.pro-page-content .pro-page-tab ul.nav.nav-tabs{
    border-bottom: none;
    justify-content: center;
    margin-bottom: 60px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item{
    margin-right: 60px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item:last-child{
    margin-right: 0px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link{
    color: #949494;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover{
    color: #000;
    border: 1px solid #000;
}
.pro-page-content .pro-page-tab .tab-content iframe {
    max-width: 100%;
}
#tab-4 .custom-text-content {
 text-align: center;
}


/* description css */
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content h4{
    font-size: 16px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description{
    list-style-type: unset;
    padding-left: 15px;
    margin-top: 18px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description li {
    margin-top: 5px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content {
    margin-top: 17px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content h4{
    font-size: 16px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content ul.tab-description{
    list-style-type: unset;
    padding-left: 15px;
    margin-top: 18px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content ul.tab-description li {
    margin-top: 5px;
}
/* reviews css */
.pro-page-content .pro-page-tab .tab-content .tab-pane h4.reviews-title{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews{
    border-top: 1px solid #eee;
    margin-top: 28px;
    padding-top: 30px;
}
.p-rating {
    display: flex;
}

.p-rating i {
    color: #f5ab1e;
    font-size: 18px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews .p-rating i.e-star{
    color: #f5ab1e;
    font-size: 18px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews p.review-desck{
    font-size: 13px;
    margin-top: 9px;
    margin-bottom: 9px;
    line-height: 1;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews a{
    color: var(--accent-color);
    text-decoration: underline;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews h4.review-head{
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.reviews-editor{
    font-weight: 500;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.reviews-editor span.review-name{
    font-weight: normal;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews p.r-description{
    margin-top: 10px;
    line-height: 1;
    font-size: 13px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form {
    margin-top: 24px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form h4 {
    font-size: 18px;
    color: #333;
    line-height: 1;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form {
    margin-top: 12px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label {
    font-size: 14px;
    margin-top: 15px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label:first-child {
    margin-top: 0px;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form input {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    border: 1px solid #eee;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form textarea {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    border: 1px solid #eee;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span {
    display: block;
    margin-top: 10px;
    line-height: 1;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span i {
    color: #ddd;
}

/* ---------------------------------- */
/* Magnific Popup
------------------------------------- */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: 0.8;
}

.mfp-wrap {
	top: -10px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1101;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	height: 100%;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 505;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
    max-width: 300px;
	cursor: auto;
    background: #fff;
    color: #333;
    padding: 24px;
    border-radius: 25px
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
 }

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #aaa;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 504;
}

.mfp-preloader a {
	color: #cccccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

.mfp-s-loading .mfp-arrow {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 506;
    background: transparent;
}

.class-text-message {
    text-align: center;
    margin-top: 12px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0px;
	top: 40px;
}

/* Close Button */
.mfp-close {
	position: absolute;
	width: 44px;
	height: 44px;
	top: 0;
	right: 0;
	cursor: pointer !important;
	z-index: 9999;
	color: #000;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mfp-close:before {
	content: "\f00d";
	font-family: "FontAwesome";
	font-size: 16px;
	top: 0;
	left: 0;
	position: relative;
}

#small-dialog .mfp-close,
.small-dialog .mfp-close,
.mfp-close:hover {
	color: var(--accent-color);
}


.small-dialog-content input[type=submit] {
	width: 100%;
	margin-top: 26px;
	margin-bottom: 10px;
}

.small-dialog-content .divider {
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	padding-bottom: 0;
}

.small-dialog-headline h2,
.small-dialog-headline h3,
.small-dialog-headline h4 {
	font-size: 22px;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	display: inline-block;
	margin: 10px 0 35px 0;
	padding-bottom: 30px;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #aaa;
	font-size: 13px;
	line-height: 18px;
}

.mfp-arrow {
	opacity: 0;
	margin: 0;
	top: 50%;
	margin-top: -38px;
	padding: 0;
	position: absolute;
	width: 44px;
	height: 76px;
	cursor: pointer;
	z-index: 9999;
	background: rgba(34,34,34,0.5);
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.mfp-arrow:hover {
	background: #333;
	color: #fff;
}

.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
	font-family: "FontAwesome";
	font-size: 16px;
}

.mfp-arrow.mfp-arrow-right { right: 0; }

.mfp-arrow.mfp-arrow-left:before { content: "\f053"; top: 2px; left: -1px; position: relative; }
.mfp-arrow.mfp-arrow-right:before { content: "\f054"; top: 2px; left: 1px; position: relative; }

.mfp-content:hover .mfp-arrow {
	opacity: 1;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}

.mfp-iframe-holder .mfp-close {
	top: 0px;
}


/* Popup */
#small-dialog ,
.small-dialog {
	background: #fff;
	padding: 30px 45px 35px 45px;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing:border-box;
}

#small-dialog span.line,
.small-dialog span.line {padding-top: 7px;}

.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.mfp-figure {
	line-height: 0;
}

.mfp-bottom-bar {
	margin-top: -30px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-break: break-word;
	padding-right: 36px;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}


/* Media Queries for Magnific Popup */
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  .mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
   }

  .mfp-img-mobile img.mfp-img {
	padding: 0
   }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
   }

  .mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }

  .mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
   }

  .mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
   }

  .mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
   }

  .mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
   }
}

@media all and (max-width: 800px) { .mfp-arrow {width: 70px;} }

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.85;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.all-filter {
    background: #fff;
    box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.08);
    padding: 45px 30px;
    border-radius: 25px;
}

#filter-toggler {
    display: none;
}


/* other page filter css */
.all-filter .h4,
.all-filter .categories-page-filter h4 a{
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    color: #161616;
}

.all-filter .categories-page-filter .filter-title a {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
    color: #161616;
}

.all-filter .widget {
    margin-bottom: 10px;
}
.all-filter .categories-page-filter a.filter-link{
    display: none;
}
.all-filter .categories-page-filter ul.all-option{
    max-height: 471px;
    padding-top: 10px;
    overflow: auto;
    padding-right: 7px;
    border-top: 1px solid #eee;
}
.all-option > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.all-option > li > a {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1rem;
}
.all-option > li > span {
    margin-right: 10px;
    font-size: 12px;
}
.all-filter ul.all-option {
    max-height: 471px;
    padding-top: 10px;
    overflow: auto;
    padding-right: 7px;
    border-top: 1px solid #eee;
}
.all-filter .categories-page-filter ul.all-option.collapse:not(.show){
    display: block;
}

.all-filter .categories-page-filter ul.sidebar-category-submenu {
    width: 100%;
    margin-top: 10px;
}
.all-filter .categories-page-filter ul.sidebar-category-submenu li {
    padding: 3px 0px;
}
.all-filter .categories-page-filter ul.sidebar-category-submenu > li a {
    font-size: 15px;
    letter-spacing: -0.6px;
}
.sidebar-item-with-submenu .sidebar-item-with-submenu > ul {
    padding-left: 25px;
}
.sidebar-item-with-submenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 3px;
    padding-bottom: 3px;
}

.sidebar-item-with-submenu li > span {
    margin-right: 10px;
    font-size: 12px;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option{
    margin-top: 16px;
    display: flex;
    align-items: center;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option:first-child{
    margin-top: 0px;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option input{
    width: 19px;
    height: 16px;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option a{
    width: 100%;
    margin-left: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}
.all-filter .price-filter h4{
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
}
.all-filter .price-filter a.filter-link{
    display: none;
}
.all-filter .price-filter ul.all-price{
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.all-filter .price-filter ul.all-price.collapse:not(.show){
    display: block;
}
.all-filter .price-filter ul.all-price li.f-price{
    margin-top: 16px;
    display: flex;
    align-items: center;
}
.all-filter .price-filter ul.all-price li.f-price:first-child{
    margin-top: 0px;
}
.all-filter .price-filter ul.all-price li.f-price input{
    width: 18px;
    height: 16px;
    cursor: pointer;
}
.all-filter .price-filter ul.all-price li.f-price label{
    margin-bottom: 0px;
    margin-left: 9px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}
.all-filter .pro-size h4{
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
}
.all-filter .pro-size a.filter-link{
    display: none;
}
.all-filter .pro-size ul.all-size.collapse:not(.show){
    display: block;
}
.all-filter .pro-size ul.all-size{
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.all-filter .pro-size ul.all-size li.choice-size{
    margin-top: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.all-filter .pro-size ul.all-size li.choice-size:first-child{
    margin-top: 0px;
}
.all-filter .pro-size ul.all-size li.choice-size input{
    width: 18px;
    height: 16px;
    cursor: pointer;
}
.all-filter .pro-size ul.all-size li.choice-size label{
    font-size: 13px;
    margin-left: 8px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height: 1;
}
.all-filter .filter-tag h4{
    font-size: 16px;
    padding-top: 27px;
    padding-bottom: 27px;
    line-height: 1;
}
.all-filter .filter-tag a.filter-link{
    display: none;
}
.all-filter .filter-tag ul.all-tag.collapse:not(.show){
    display: block;
}
.all-filter .filter-tag ul.all-tag {
    padding-top: 15px;
    margin-right: -5px;
}
.all-filter .filter-tag ul.all-tag li.tag{
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
}
.all-filter .filter-tag ul.all-tag li.tag a{
    padding: 9px 16px;
    color: #808080;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 50px;
}
.all-filter .filter-tag ul.all-tag li.tag a:hover{
    background-color: #000;
    color: #fff;
}
.all-filter .vendor-filter h4{
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}
.all-filter .vendor-filter a.filter-link{
    display: none;
}
.all-filter .vendor-filter ul.all-vendor{
    padding-top: 30px;
}
.all-filter .vendor-filter ul.all-vendor.collapse:not(.show){
    display: block;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor{
    margin-top: 16px;
    display: flex;
    align-items: center;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor:first-child{
    margin-top: 0px;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor input{
    width: 18px;
    height: 16px;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor label{
    margin-bottom: 0px;
    margin-left: 8px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}
.all-filter .filter-banner a.grid-banner{
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    display: block;
}
.all-filter .filter-banner a.grid-banner img{
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.all-filter .filter-banner a.grid-banner:hover img {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* range price css */
.all-filter .price-filter ul.all-price .price-range {
    display: block;
}
.all-filter .price-filter ul.all-price .price-range .price-range-group {
    position: relative;
    margin-bottom: 30px;
}

/* group range (when using double range, we need to rely on some clever trick) */
.all-filter .price-filter ul.all-price .price-range .group-range {
    --range-min: 0.0%;
    --range-max: 100.0%;
    height: 2px;
    background: linear-gradient(to right, #e2e2e2 0.0%, #333333 0.0%, #333333 100.0%, #e2e2e2 100.0%);
}

/* first we revert the styling of range elements */
.all-filter .price-filter ul.all-price .price-range .range {
    width: 100%;
    padding: 0;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.all-filter .price-filter ul.all-price .price-range .range::-webkit-slider-thumb {
    -webkit-appearance: none;
}

/* chrome, safari, edge, opera */
.all-filter .price-filter ul.all-price .price-range .range::-webkit-slider-thumb {
    height: 12px;
    width: 4px;
    background: #333333;
    transform: translateY(-5px);
    border-radius: 5px;
    box-shadow: 0px 0px 0px 2px #333333;
    cursor: pointer;
}
.all-filter .price-filter ul.all-price .price-range .range::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    background: #333333;
    cursor: pointer;
}

/* firefox mozilla */
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-thumb {
    height: 12px;
    width: 4px;
    background: #333333;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 2px #333333;
    cursor: pointer;
}
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-progress,
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
}
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-progress {
    background-color: #333333;
}
.all-filter .price-filter ul.all-price .price-range .range::-moz-range-track {
    background-color: #e2e2e2;
}

/* group range (when using double range, we need to rely on some clever trick) */
.all-filter .price-filter ul.all-price .price-range .group-range .range {
    height: 2px;
    pointer-events: none;
    vertical-align: top;
}
.all-filter .price-filter ul.all-price .price-range .group-range .range::-webkit-slider-runnable-track {
    background: none;
}
.all-filter .price-filter ul.all-price .price-range .group-range .range::-webkit-slider-thumb {
    pointer-events: auto;
}
.all-filter .price-filter ul.all-price .price-range .group-range .range::-moz-range-progress,
.all-filter .price-filter ul.all-price .price-range .group-range .range::-moz-range-track {
    background: none;
}
.all-filter .price-filter ul.all-price .price-range .group-range .range::-moz-range-thumb {
    pointer-events: auto;
}
.all-filter .price-filter ul.all-price .price-range .group-range .range:last-child {
    position: absolute;
    top: 0;
    left: 0;
}

/* input-prefix css */
.all-filter .price-filter ul.all-price .price-range .price-input-group {
    display: flex;
    align-items: center;
}
.all-filter .price-filter ul.all-price .price-range .price-input-group .price-range-input {
    flex: 1 0 0;
    min-width: 0;
}
.all-filter .price-filter ul.all-price .price-range .price-input-group .input-prefix {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    position: relative;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.all-filter .price-filter ul.all-price .price-range .price-input-group .input-prefix label.input-prefix-label {
    color: #333333;
    font-size: 11px;
    position: absolute;
    top: 0px;
    left: 0;
    transform: translateY(-100%);
    margin-bottom: 0px;
    opacity: 0.7;
}
.all-filter .price-filter ul.all-price .price-range .price-input-group .input-prefix span.input-prefix-value {
    font-size: 13px;
}
.all-filter .price-filter ul.all-price .price-range .price-input-group .input-prefix .input-prefix-field {
    font-size: 13px;
    padding: 0px;
    width: 100%;
    text-align: end;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* chrome, safari, edge, opera */
.all-filter .price-filter ul.all-price .price-range .price-input-group .input-prefix .input-prefix-field::-webkit-outer-spin-button,
.all-filter .price-filter ul.all-price .price-range .price-input-group .input-prefix .input-prefix-field::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* firefox mozilla */
.all-filter .price-filter ul.all-price .price-range .price-input-group .input-prefix input.input-prefix-field[type=number] {
    -moz-appearance: textfield;
}
.all-filter .price-filter ul.all-price .price-range .price-range-delimeter {
    color: #333333;
    font-size: 16px;
    margin: 0px 10px;
}

/* cart page css */
.cart-area{
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.cart-area:last-child{
    border-bottom: none;
    padding-bottom: 0px;
}
.cart-area .cart-details .cart-item{
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-area .cart-details .cart-item span.cart-head{
    font-size: 16px;
    font-weight: 700;
}
.cart-area .cart-details .cart-item span.c-items{
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}
.cart-area .cart-details .cart-all-pro{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.cart-area .cart-details .cart-all-pro .cart-pro{
    width: 60%;
    margin-top: 20px;
    display: flex;
}
.cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image{
    margin-right: 15px;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details h4{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size{
    margin-top: 10px;
    display: block;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size span.size{
    font-weight: 600;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-shop{
    margin-top: 10px;
    display: block;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.cart-pro-price{
    margin-top: 10px;
    display: block;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .qty-item{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus{
    display: flex;
    align-items: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span{
    display: flex;
    border: 1px solid #eee;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span input{
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-cart,
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-wishlist{
    width: 40px;
    height: 40px;
    background-color: var(--accent-color);
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.cart-area .cart-details .cart-all-pro .qty-item .center a.pro-remove{
    color: var(--accent-color);
    margin-top: 15px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-area .cart-details .cart-all-pro .all-pro-price{
    width: 20%;
    text-align: right;
}
.cart-area .cart-details .cart-all-pro .all-pro-price span{
    font-weight: 600;
}
.cart-area .cart-details .other-link{
    margin-top: 21px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.cart-area .cart-details .other-link ul.c-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-total{
    background-color: #f7f7f7;
    position: sticky;
    top: 0px;
    padding: 15px;
}
.cart-total .cart-price{
    padding-top: 15px;
    padding-bottom: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-total .cart-price span.total{
    font-weight: 600;
}
.cart-total .cart-info h4{
    font-size: 14px;
    margin-top: 25px;
}
.cart-total .cart-info form{
    margin-top: 8px;
}
.cart-total .cart-info form label{
    font-size: 13px;
    margin-top: 15px;
}
.cart-total .cart-info form label:first-child {
    margin-top: 0px;
}
.cart-total .cart-info form select{
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}
.cart-total .cart-info form input{
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}
.cart-total .cart-info a.cart-calculate{
    width: 100%;
    margin-top: 25px;
}
.cart-total .shop-total{
    margin-top: 26px;
    padding: 14px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-total .shop-total span.total-amount{
    font-weight: 600;
}
.cart-total a.check-link{
    width: 100%;
    margin-top: 25px;
}

/* cart login box css */
.register-area{
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.register-area .register-box{
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}
.register-area .register-box h1{
    font-size: 30px;
    text-align: center;
}
.register-area .register-box p{
    margin-top: 10px;
    text-align: center;
}
.register-area .register-box form {
    margin-top: 22px;
}
.register-area .register-box form input{
    width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 25px;
}
.register-area .register-box form input[type=checkbox] {
    width: auto;
}
.register-area .register-box a.btn-style1{
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.register-area .register-account{
    width: calc(50% - 30px);
    margin-left: 30px;
}
.register-area .register-account h4{
    font-size: 16px;
    text-align: center;
}
.register-area .register-account a.ceate-a{
    position: relative;
    color: var(--accent-color);
    width: 100%;
    padding: 13px 25px;
    margin-top: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--accent-color);
    border-radius: 25px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account a.ceate-a::after{
    background-color: var(--accent-color);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}
.register-area .register-account a.ceate-a:hover::after{
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account .register-info a.terms-link span{
    color: #000;
    line-height: 1;
    font-size: 12px;
}
.register-area .register-account .register-info a.terms-link{
    color: #f5ab1e;
    margin-top: 30px;
    font-size: 12px;
    font-weight: 600;
}
.register-area .register-account .register-info p{
    font-size: 13px;
    margin-top: 10px;
}
.register-area .register-account .register-info p a{
    color: #f5ab1e;
    font-weight: 600;
}

/* login page css */
.login-area{
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-area .login-box{
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}
.login-area .login-box h1{
    font-size: 30px;
    text-align: center;
}
.login-area .login-box p{
    margin-top: 10px;
    text-align: center;
}
.login-area .login-box form {
    margin-top: 17px;
}
.login-area .login-box form label{
    margin-top: 15px;
    font-weight: 600;
}

.login-area .login-box form input{
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 25px;
}
.login-area .login-box a.btn-style1{
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.login-area .login-box a.re-password{
    color: var(--accent-color);
    margin-top: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.login-area .login-account{
    width: calc(50% - 30px);
    margin-left: 30px;
}
.login-area .login-account h4{
    font-size: 16px;
    text-align: center;
}
.login-area .login-account a.ceate-a{
    position: relative;
    color: var(--accent-color);
    width: 100%;
    padding: 13px 25px;
    margin-top: 23px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--accent-color);
    border-radius: 25px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.login-area .login-account a.ceate-a::after{
    background-color: var(--accent-color);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}
.login-area .login-account a.ceate-a:hover::after{
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.login-area .login-account .login-info {
    margin-top: 24px;
}
.login-area .login-account .login-info a.terms-link span{
    color: #000;
    line-height: 1;
    font-size: 12px;
}
.login-area .login-account .login-info a.terms-link{
    color: var(--accent-color);
    font-size: 12px;
    font-weight: 600;

}
.login-area .login-account .login-info p{
    font-size: 13px;
    margin-top: 6px;
}
.login-area .login-account .login-info p a{
    color: var(--accent-color);
    font-weight: 600;
}

.tabs {
    background: #fff;
    box-shadow: 0 0 7px 0px #0003;
    border-radius: 25px;
    text-decoration: none;
    overflow: hidden;
}

.tabs .block__header {
    color: var(--main-alt-color);
    font-size: 20px;
    padding: 24px;
    margin: 0px;
}

.tabs .last-tab,
.tabs .tab {
    padding: 18px 24px;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

.tab-count {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.tabs .last-tab .tab-tab,
.tabs .tab .tab-tab {
    border-left: 2px solid var(--accent-color);
    padding-left: 7px;
    display: block;
    font-size: 15px;
}
.tabs .tab.active .tab-count,
.tabs .tab:hover  .tab-count {
    background: #fff;
    color: #333;
}

.tabs .last-tab:hover,
.tabs .tab.active,
.tabs .tab:hover {
    cursor: pointer;
    background: #0001;
}

.tabs .last-tab:hover .tab-tab,
.tabs .tab.active .tab-tab ,
.tabs .tab:hover .tab-tab {
    border-left: 2px solid #000;
}

.tabs .last-tab {
    border-bottom: none;
    display: block;
}

.tab__content {
    display: none;
}

.tab__content.active {
    display: block;
}

/* wishlist page css */
.wishlist-area{
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.wishlist-area:last-child{
    border-bottom: none;
}
.wishlist-area .wishlist-details .wishlist-item{
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wishlist-area .wishlist-details .wishlist-item span.wishlist-head{
    font-size: 16px;
    font-weight: 700;
}
.wishlist-area .wishlist-details .wishlist-item span.c-items{
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}
.wishlist-area .wishlist-details .wishlist-all-pro{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro{
    width: 60%;
    margin-top: 20px;
    display: flex;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .wishlist-pro-image{
    margin-right: 15px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details h4{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size{
    font-size: 14px;
    margin-top: 8px;
    font-weight: 600;
    display: block;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size span.pro-size{
    font-weight: 400;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.wishlist-text{
    margin-top: 8px;
    line-height: 1;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item{
    width: 20%;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist{
    color: #f5ab1e;
    margin-top: 7px;
    text-decoration: underline;
    display: block;
    text-align: center;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist:first-child {
    margin-top: 0px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price{
    width: 20%;
    text-align: right;
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.new-price{
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.old-price{
    color: #999;
}
.wishlist-area .wishlist-details .other-link{
    margin-top: 20px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.wishlist-area .wishlist-details .other-link ul.c-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-contact-block-widget p {
    font-size: 15px;
}

.profile-form label {
    font-size: 14px;
    font-weight: 600;
}

.profile-form input {
    width: 100%;
    border: 1px solid #eee;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.hidden .form-group {
    display: none;
}

.pro-add-title .h4,
.pro-add-title h4{
    font-size: 22px;
    color: #333;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}

.has-error {
    position: relative;
}

.help-block {
    font-size: 10px;
    position: absolute;
    color: red;
    bottom: -15px;
}

/* checkout style-1 css */
.checkout-area{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}
.checkout-area .billing-area{
    width: calc(60% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}
.checkout-area .billing-area .form h2{
    font-size: 24px;
}
.checkout-area .billing-area .form{
    padding: 20px;
}
.checkout-area .billing-area .form .billing-form {
    margin-top: 16px;
}
.checkout-area .billing-area .form .billing-form ul.billing-ul{
    width: 100%;
    margin-top: 15px;
}
.checkout-area .billing-area .form ul.billing-ul.input-2{
    display: flex;
    flex-wrap: wrap;
}
.checkout-area .billing-area .form ul.billing-ul:first-child {
    margin-top: 0px;
}
.checkout-area .billing-area .form ul.billing-ul.input-2 li.billing-li{
    width: calc(50% - 15px);
    margin-left: 15px;
}
.checkout-area .billing-area .form ul.billing-ul.input-2 li.billing-li:first-child{
    margin-left: 0px;
    width: calc(50% - 0px);
    margin-left: 0px;
}
.checkout-area .billing-area .form ul.billing-ul li.billing-li input{
    width: 100%;
    margin-top: 10px;
}
.checkout-area .billing-area .form ul.billing-ul li.billing-li select{
    width: 100%;
    margin-top: 10px;
}
.checkout-area .billing-area .billing-details{
    border-top: 1px solid #eee;
}
.checkout-area .billing-area .billing-details .form h2{
    font-size: 24px;
}
.checkout-area .billing-area .billing-details ul.shipping-form {
    margin-top: 19px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.check-box{
    display: flex;
    align-items: center;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.check-box input {
    margin-right: 5px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.comment-area{
    margin-top: 11px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li label{
    margin-bottom: 0px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li textarea{
    margin-top: 10px;
    width: 100%;
}
.checkout-area .order-area{
    width: calc(40% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}
.checkout-area .order-area{
    position: sticky;
    top: 0px;
}
.checkout-area .order-area .check-pro h2{
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;
}
.checkout-area .order-area .check-pro ul.check-ul li{
    padding: 20px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-pro-img{
    width: 25%;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content{
    width: 75%;
    margin-left: 15px;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content a{
    display: block;
    font-weight: 400;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod{
    display: block;
    margin-top: 4px;
    font-weight: 600;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod span{
    font-weight: 500;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-price{
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}
.checkout-area .order-area h2{
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;
}
.checkout-area .order-area ul.order-history{
    padding: 0px 20px;
}
.checkout-area .order-area ul.order-history li.order-details{
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.order-area .order-details {
    margin-top: 24px;
    padding-top: 28px;
    border-top: 1px solid #eee;
    text-align: center;
}

.checkout-area .order-area ul.order-history li.order-details:first-child{
    margin-top: 0px;
    border: none;
}
.checkout-area .order-area ul.order-history li.order-details:last-child{
    padding-top: 15px;
    padding-bottom: 14px;
    margin-top: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.checkout-area .order-area ul.order-history li.order-details:last-child span{
    font-weight: 600;
}
.checkout-area .order-area .form{
    padding: 0px 20px;
}
.checkout-area .billing-details .form ul.order-form{
    margin-bottom: 14px;
}
.checkout-area .billing-details .form ul.order-form,
.checkout-area .order-area .form ul.order-form {
    margin-top: 20px;
}
.checkout-area .billing-details .form ul.order-form li,
.checkout-area .order-area .form ul.order-form li{
    margin-top: 19px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.checkout-area .billing-details .form ul.order-form li:first-child,
.checkout-area .order-area .form ul.order-form li:first-child{
    margin-top: 0px;
}
.checkout-area .order-area .form ul.order-form li input{
    margin-right: 10px;
}
.checkout-area .order-area .form ul.order-form label{
    margin-bottom: 0px;
}
.checkout-area .order-area .form ul.order-form li.pay-icon a{
    font-size: 25px;
    margin-left: 10px;
}
.checkout-area .order-area .form ul.order-form li.pay-icon a:first-child{
    margin-left: 0px;
}
.checkout-area .order-area .checkout-btn{
    padding: 28px 20px 20px 20px;
}
.checkout-area .order-area .checkout-btn a.btn-style1{
    display: block;
    text-align: center;
}

.checkout-area .city_newpost-wrapper {
    margin-bottom: 20px;
}

.btn-block {
    display: block;
    width: 100%;
}

/* order complete page css */
.order-area .order-price ul.total-order{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-area .order-price ul.total-order li:last-child{
    text-align: right;
}
.order-area .order-price ul.total-order li span.order-no{
    display: block;
    font-weight: 600;
}
.order-area .order-price ul.total-order li span.order-date{
    color: #bbbbbb;
    margin-top: 5px;
}
.order-area .order-price ul.total-order li span.total-price{
    display: block;
    text-align: right;
    font-weight: 600;
}
.order-area .order-price ul.total-order li span.amount{
    margin-top: 5px;
    text-align: right;
    font-weight: 600;
}
.order-area .order-details{
    margin-top: 24px;
    padding-top: 28px;
    border-top: 1px solid #eee;
    text-align: center;
}
.order-area .order-details span.order-i {
    font-size: 30px;
    line-height: 1;
}
.order-area .order-details span.order-s {
    display: block;
    margin-top: 8px;
}
.order-area .order-details a.tracking-link{
    margin-top: 24px;
}
.order-area .order-details a.tracking-link:hover{
    background-color: transparent;
    color: #000;
}
.order-area .order-delivery{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.order-area .order-delivery ul.delivery-payment{
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0px 0px -30px;
}
.order-area .order-delivery ul.delivery-payment li {
    width: calc(50% - 30px);
    margin: 30px 0px 0px 30px;
    border-right: 1px solid #eee;
}
.order-area .order-delivery ul.delivery-payment li:last-child {
    border-right: none;
}
.order-area .order-delivery ul.delivery-payment li h5{
    font-size: 16px;
}
.order-area .order-delivery ul.delivery-payment li p{
    margin-top: 6px;
}
.order-area .order-delivery ul.delivery-payment li.delivery p{
    font-weight: 600;
}
.order-area .order-delivery ul.delivery-payment li.pay p{
    color: #bbb;
}
.order-area .order-delivery ul.delivery-payment li span.order-span{
    display: block;
    margin-top: 9px;
}
.order-area .order-delivery ul.delivery-payment li span.order-span:first-of-type{
    margin-top: 7px;
}
.order-area .order-delivery ul.delivery-payment li span.p-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-area .order-delivery ul.delivery-payment li span.p-label span.o-price {
    font-weight: 600;
}

.order-info {
    margin-left: 30px;
    background: #fff;
    border-radius: 33px;
    padding-left: 40px;
    padding-right: 40px;
}
.order-info .table {
}
.order-info .table thead {
    border-bottom: 1px solid #eee;
}
.order-info .table thead tr th {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: #eee;
}
.order-info .table tbody tr td {
    padding-top: 20px;
    padding-bottom: 16px;
}
.order-info .table tbody tr td.status-0 span {
    color: #e10000;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}
.order-info .table tbody tr td.status-3 span {
    color: #00a1b7;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}
.order-info .table tbody tr td.status-2 span {
    color: #ffa800;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}
.order-info .table tbody tr td.status-1 span {
    color: #009050;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}

.order-info .table tbody tr td.status-4 span {
    color: #268825;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}

.show-menu-button {
    display: none;
}

.logo .mobile {
    display: none;
}

.show-search {
    display: none;
}
.header-main .feedback {
    padding: 17px 35px;
    text-transform: uppercase;
}

.header-main .feedback .mobile {
    display: none;
}

.close-menu {
    display: none;
}
/* Price Range */
#price-range input {
	padding: 0;
	background: 0;
	border: 0;
	box-shadow: none;
	margin: 7px 0 0 6px;
	float: left;
	width: 180px;
}

#price-range .button {
	float: right;
	padding: 4px 12px;
	margin: 2px 0 0 0;
	font-size: 12px;
}

#price-range label {
	float: left;
	margin-top: 6px;
}

.padding-range {
	padding: 0 8px;
}

#slider-range {
	margin: 0 0 16px 0;
}

#price-range .ui-slider {
	position: relative;
	text-align: left;
}

#price-range .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	cursor: w-resize;
	background: var(--accent-color);
	outline: none;
	top: -5px;
}

.breadcrumbs--dark .breadcrumb {
    color: #cfcfcf;
}
.breadcrumbs--dark .breadcrumb a span {
    color: #cfcfcf;
}

.breadcrumbs--dark .breadcrumb a:hover span,
.breadcrumbs--dark .breadcrumb span {
    color: #161616;
}

#price-range .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	display: block;
	border: 0;
	background-position: 0 0;
}

#price-range .ui-widget-content {
	background-color: #e0e0e0;
	padding: 1px 0;
}

#price-range .ui-widget-header {
	background-color: #333;
}


#price-range .ui-slider.ui-state-disabled .ui-slider-handle,
#price-range .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

#price-range .ui-slider-horizontal {
	height: 2px;
	border-radius: 1px;
}

#price-range .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
#price-range .ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
#price-range .ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.widget.control-mobile-buttons {
    display: none;
}

.compare__wrapper {
    display: flex;
}

.compare__filter {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.compare__filter-name {
    font-weight: 700;
}

.banner {
    margin-bottom: 40px;
}

.banner__item {
    position: relative;
}

.banner__text {
    color: #fff;
    font-size: 15px;
    position: absolute;
    left: 50px;
    bottom: 60px;
    width: 50%;
}

.banner .owl-dots {
    text-align: center;
}

.tab-pro-slider .swiper-buttons {

}

.pagination li a {
    width: 41px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 50%;
    border: 1px solid #ffffff00;
}

.pagination li.current-page a,
.pagination li:hover a {
    border: 1px solid #ccc;
    background: #fff;
}

.pagination .next a,
.pagination .next span,
.pagination .prev a,
.pagination .prev span {
    background-image: url(/storage/images/icons/arrow.svg);
    width: 31px;
    height: 17px;
    background-size: contain;
    background-position: center;
}

.pagination .next a:hover,
.pagination .next span:hover,
.pagination .prev a:hover,
.pagination .prev span:hover {
    border: 1px solid #ffffff00;
}

.pagination .prev a,
.pagination .prev span {
    transform: rotate(180deg);
}

.pagination .disabled span,
.pagination .disabled a {
    opacity: .2;
}

.pagination {
    justify-content: flex-end;
}

.pagination ul {
    display: flex;
    align-items: center;
}



.product-widget__list .checkbox {
    display: flex;
    align-items: flex-start;
}
.product-widget__list .checkbox input {
    flex: none;
    margin-right: 7px;
}

.categories__item {
    margin-bottom: 40px;
}

.blog-page a {
    text-decoration: underline;
}
.search-cities-container div.city-element:hover {
    background: var(--accent-color) !important;
}
.pro-price .w-c-q-icn.disabled-btn,
.disabled-btn{
    opacity: .5;
}
.pro-price .w-c-q-icn.disabled-btn:before,
.disabled-btn:before{
    display: none;
}
.all-filter .active > a {
    color: var(--accent-color);
}

.register-info {
    font-weight: 600;
    color: red;
    margin-top: 15px;
}
.password-change-wrapper{
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}
.change-input-type-wrapper{
    text-align: right;
    position: absolute;
    top: 100%;
    right: 0;
}
.change-input-type-wrapper button{
    display: inline-block;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    font-size: 13px;
}
.change-input-type-show, .change-input-type-hide{
    display: none;
}
.change-input-type-btn span{
    align-items: center;
    column-gap: 4px;
}
.change-input-type-btn span img{
    height: 16px;
    width: auto;
}

.contact__wrapper {
    background: var(--accent-color);
    border-radius: 25px;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 39px 50px;
    justify-content: space-between;
}

.contact__wrapper .share-icn {
    display: flex;
}

.contact__wrapper .share-icn a {
    color: #fff;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.contact__wrapper .share-icn li + li {
    border-left: 1px solid #fff3
}

.footer__form .custom-text-content,
.contact__wrapper p {
    font-size: 12px;
    margin-bottom: 0px;
}

.block__form {
    display: flex;
    gap: 16px;
}

.block__form .btn {
    background: #fff;
    color: #000;
    border: none;
    border-radius: 15px;
}

.block__form .btn:hover:before {
    background: #97698E33;
    border-radius: 15px;
}

.block__form input {
    color: #fff;
    background: #fff4;
    border-radius: 15px;
    border: none;
}
.block__form input::-webkit-input-placeholder {
    color: #fff7
}

.block__form input::-moz-placeholder {
    color: #fff7
}

.block__form input::-ms-placeholder {
    color: #fff7
}

.block__form input::placeholder {
    color: #fff7
}

.block__form input[type="text"]:focus {
    background: #fff1;
    color: #fff;
}

.footer__form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__form .btn {
    padding: 13px 30px;
    white-space: nowrap;
}

.footer__form .contact-form-title {
    font-size: 20px;
}

footer .share-icn {
    display: flex;
    font-size: 20px;
    line-height: 1;
}
footer .share-icn a {
    margin-left: 15px;
    margin-right: 15px;
}

footer .share-icn li + li {
    border-left: 1px solid #fff3;
}