@charset "utf-8";
@import url('variables.css');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
/* ----------------------------------
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=Poppins:wght@400;500;600;700;800;900&display=swap');
/*====================================
Typography
=====================================*/
body{
    color: #222;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
}
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: #222;
    display: inline-block;
    text-decoration: none;
}
a:hover{
    color: var(--primary-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-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
p{
    line-height: 25px;
    margin-bottom: 0px;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input,
select,
textarea{
    padding: 10px 15px;
    border: 1px solid #e2e2e2;
    border-radius: 0px;
}
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #e2e2e2;
    box-shadow: none;
}
label {
    font-weight: 600;
}

.alert-primary {
    background-color: var(--primary-color);
    /* color: #fff; */
}
.alert-secondary {
    background-color: var(--secondary-color);
    /* color: #fff; */
}
.alert-tertiary {
    background-color: var(--tertiary-color);
    color: var(--secondary-color);
}
.alert-quaternary {
    background-color: var(--quaternary-color);
    /* color: #fff; */
}
.alert-quinary {
    background-color: var(--quinary-color);
    /* color: #fff; */
}

.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none;
}
/* body hidden class */
body.hidden {
    overflow-y: hidden;
    padding-right: 17px;
}
/* btn style css */
.btn-style {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    padding: 12px 36px;
    font-weight: 600;
    border-radius: 5px;
}
.btn-style:hover {
    color: #fff;
    background-color: var(--secondary-color);
}
/* btn style 1 css */
.btn-style1 {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    font-weight: 500;
    border-radius: 5px;
    border: 2px solid var(--primary-color);
}
.btn-style1:hover {
    background-color: transparent;
    color: var(--primary-color);
}
/* btn style 2 css */
.btn-style2 {
    color: var(--primary-color);
    font-size: 14px;
    padding: 12px 36px;
    font-weight: 500;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
}
.btn-style2:hover {
    color: #fff;
    background-color: var(--primary-color);
}
/* btn style 3 css */
.btn-style3 {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    padding: 12px 36px;
    font-weight: 600;
    border-radius: 5px;
}
.btn-style3:hover {
    color: #fff;
    background-color: var(--secondary-color);
}
/* btn-style4 */
.btn-style4 {
    background-color: transparent;
    color: var(--primary-color);
    font-size: 16px;
    padding: 15px 35px;
    font-weight: 500;
    border-radius: 4px;
    line-height: 1;
    border: 1px solid #e2e2e2;
    text-transform: uppercase;   
}
.btn-style4:hover {
    background-color: #d93d1a;
    color: #fff;
}


form label{
    margin-top: 15px;
}
form label:first-child {
    margin-top: 0px;
}

.text-primary {
    color: var(--primary-color) !important;
}
.text-secondary {
    color: var(--secondary-color) !important;
}
.text-tertiary {
    color: var(--tertiary-color) !important;
}
.text-quaternary {
    color: var(--quaternary-color) !important;
}
.text-quinary {
    color: var(--quinary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color);
}
.bg-secondary {
    background-color: var(--secondary-color);
}
.bg-tertiary {
    background-color: var(--tertiary-color);
}
.bg-quaternary {
    background-color: var(--quaternary-color);
}
.bg-quinary {
    background-color: var(--quinary-color);
}


/* 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-50{
    padding-top: 50px;
}
.section-b-padding-50{
    padding-bottom: 50px;
}
.section-tb-padding-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-t-padding{
    padding-top: 100px;
}
.section-b-padding{
    padding-bottom: 100px;
}
.section-tb-padding{
    padding-top: 100px;
    padding-bottom: 100px;
}
/* section title css */
.section-capture {
    margin-bottom: 45px;
    text-align: center;
}
.section-capture .section-title span {
    color: #ea6c3c;
    font-size: 18px;
    margin-bottom: 22px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}
.section-capture .section-title h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
}
.container-fluid {
    padding-left: 60px;
    padding-right: 60px;
    /* padding: 0px 150px; */
}
.container{
    /* max-width: 1400px; */
    max-width: 1600px;
}

/* swiper button css */
.swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-buttons button {
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 20px;
    width: 30px;
    height: 30px;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}
.swiper-buttons button:hover {
    color: var(--primary-color);
    background-color: #ffffff;
}
.swiper-buttons button:first-child {
    margin-left: 0px;
}
.category-slider-area .category-area,
.main-slider .slider-area,
.home-product-slider .pro-slider-area,
.testimonials-area .testimonials-main {
    position: relative;
}
.category-slider-area .category-area .swiper-buttons button,
.main-slider .slider-area .swiper-buttons button,
.home-product-slider .pro-slider-area .swiper-buttons button,
.testimonials-area .testimonials-main .swiper-buttons button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}
.category-slider-area .category-area:hover .swiper-buttons button {
    opacity: 1;
    visibility: visible;
}
.main-slider .slider-area .swiper-buttons button,
.home-product-slider .pro-slider-area .swiper-buttons button,
.testimonials-area .testimonials-main .swiper-buttons button {
    opacity: 1;
    visibility: visible;
}
.category-slider-area .category-area .swiper-buttons button.cat-swiper-next {
    left: 15px;
}
.category-slider-area .category-area .swiper-buttons button.cat-swiper-prev {
    right: 15px;
}
.category-slider-area .category-area:hover .swiper-buttons button.cat-swiper-next {
    left: -15px;
}
.category-slider-area .category-area:hover .swiper-buttons button.cat-swiper-prev {
    right: -15px;
}
/* slider btn */
.main-slider .slider-area .swiper-buttons button.slider-swiper-next {
    right: 30px;
}
.main-slider .slider-area .swiper-buttons button.slider-swiper-prev {
    left: 30px;
}
/* product btn */
.home-product-slider .pro-slider-area .swiper-buttons button.pro-14-swiper-prev {
    left: -15px;
}
.home-product-slider .pro-slider-area .swiper-buttons button.pro-14-swiper-next {
    right: -15px;
}
/* testimonials btn */
.testimonials-area .testimonials-main .swiper-buttons button.testi-swiper-next {
    left: -30px;
}
.testimonials-area .testimonials-main .swiper-buttons button.testi-swiper-prev {
    right: -30px;
} 

/* carousel button css */
.home2-cate-image.owl-carousel .owl-nav,
.testimonial2-bg .home2-testi .owl-nav{
    margin-top: 0;
}
.home2-cate-image.owl-carousel .owl-nav button,
.trending-pro .home2-trending .owl-nav button,
.testimonial2-bg .home2-testi .owl-nav button,
.featured-products .featured .owl-nav button{
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background-color: var(--primary-color);
    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;
}
.home2-category .home2-cate-image:hover .owl-nav button{
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.home2-category .home2-cate-image .owl-nav button.owl-prev,
.home2-category .home2-cate-image .owl-nav button.owl-next,
.home2-category .home2-cate-image:hover .owl-nav button.owl-prev,
.home2-category .home2-cate-image:hover .owl-nav button.owl-next{
    -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;
}
.home2-category .home2-cate-image:hover .owl-nav button.owl-prev{
    left: -10px;
}
.home2-category .home2-cate-image:hover .owl-nav button.owl-next{
    right: -10px;
}
.home2-cate-image.owl-carousel .owl-nav button:hover,
.trending-pro .home2-trending .owl-nav button:hover,
.testimonial2-bg .home2-testi .owl-nav button:hover,
.featured-products .featured .owl-nav button:hover{
    background-color: #fff;
    color: var(--primary-color);
}
.home2-cate-image.owl-carousel .owl-nav button.owl-prev,
.trending-pro .home2-trending .owl-nav button.owl-prev,
.testimonial2-bg .home2-testi .owl-nav button.owl-prev,
.featured-products .featured .owl-nav button.owl-prev{
    left: 10px;
}
.home2-cate-image.owl-carousel .owl-nav button.owl-next,
.trending-pro .home2-trending .owl-nav button.owl-next,
.testimonial2-bg .home2-testi .owl-nav button.owl-next,
.featured-products .featured .owl-nav button.owl-next{
    right: 10px;
}
.trending-pro .home2-trending .owl-nav button,
.testimonial2-bg .home2-testi .owl-nav button,
.featured-products .featured .owl-nav button{
    opacity: 1;
    visibility: visible;
}
.trending-pro .home2-trending .owl-nav button:hover,
.testimonial2-bg .home2-testi .owl-nav button:hover,
.featured-products .featured .owl-nav button:hover{
    background-color: #fff;
    color: var(--primary-color);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
.trending-pro .home2-trending .owl-nav button.owl-prev,
.testimonial2-bg .home2-testi .owl-nav button.owl-prev,
.featured-products .featured .owl-nav button.owl-prev{
    left: -10px;
}
.trending-pro .home2-trending .owl-nav button.owl-next,
.testimonial2-bg .home2-testi .owl-nav button.owl-next,
.featured-products .featured .owl-nav button.owl-next{
    right: -10px;
}
/* Carousel Dots css */
.testimonial2-bg .home2-testi.owl-theme .owl-dots{
    margin-top: 32px;
    line-height: 0px;
}
.testimonial2-bg .home2-testi.owl-theme .owl-dots button{
    margin-right: 10px;
}
.testimonial2-bg .home2-testi.owl-theme .owl-dots button:last-child{
    margin-right: 0px;
}
.testimonial2-bg .home2-testi.owl-theme .owl-dots button.owl-dot span{
    width: 6px;
    height: 6px;
    margin: 0px;
    background-color: var(--primary-color);
    border-radius: 50%;
}
.testimonial2-bg .home2-testi.owl-theme .owl-dots .owl-dot.active span,
.testimonial2-bg .home2-testi.owl-theme .owl-dots .owl-dot:hover span{
    background-color: #000;
}

/* swiper slider button css */
.swiper-button button {
    background-color: transparent;
}

/* top notification css */
.top-6{
    background-color: var(--primary-color);
    padding: 7px 0;
}
.top-6 ul.top-home{
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* top offer css */
.top-6 ul.top-home .delivery-partner{
    display: none;
}
.top-6 ul.top-home li.top-home-li p.t-offer{
    color: #fff;
}
.top-6 ul.top-home li.top-home-li p.t-offer span.top-off{
    font-weight: 600;
    animation: blinker .7s infinite;
}
@keyframes blinker{
    50%{
        color: var(--secondary-color);
    }
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li{
    position: relative;
    padding: 9px 12px 10px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li:last-child{
    padding-right: 0px;
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li a{
    color: #fff;
    font-size: 13px;
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li i{
    margin-left: 5px;
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account,
.top-6 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;
    right: -12px;
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li:hover ul.account,
.top-6 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-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account,
.top-6 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-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account{
    padding: 10px 0px;
    width: 160px;
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.currency{
    padding: 10px 0px;
    width: 55px;
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.account li a,
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li ul.currency li a{
    color: #000;
    padding: 5px 15px;
}
a.top-reservation {
    font-size: 12px;
    padding: 5px 10px;
    background-color: var(--secondary-color);
    border-radius: 5px;
    color: var(--tertiary-color);
    font-weight: 600;
    display: none;
}
.account-icon {
    display: none; /* Hide icon by default */
}

/* header top css */
.header-main-area{
    background-color: #fff;
}
.header-main-area.is-sticky{
    background-color: #ffffff;
}
@media (max-width: 1199px){
.header-main-area.is-sticky{
  background-color: #ffffff;
}
}
.header-main-area.is-sticky{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    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);
    background-color: #fff;
    animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-150px);
  }
  100% {
    transform: translateY(0px);
  }
}
.header-main-area .header-main{
    padding: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-main-area .header-main .header-element.logo {
    width: 20%;
}
.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{
    background-color: #f4f4f4;
    width: 100%;
    border-radius: 25px;
    height: 45px;
    padding: 0px 25px;
    border: 1px solid transparent;
}
.header-main-area .header-main .header-element.header-search form input:focus{
    border-color: var(--secondary-color);
}
.header-main-area .header-main .header-element.header-search form .search-btn{
    background-color: transparent;
    color: #000;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 63px;
    height: 45px;
    font-size: 18px;
    display: flex;
    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;
}
.header-main-area .header-main .header-element.header-search form .search-btn:hover{
    color: var(--secondary-color);
    -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;
}
/* 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.fade{
    padding-right: 0px !important;
}
.modal#search-modal .modal-dialog{
    margin: 0px;
    max-width: 100%;
}
.modal#search-modal .modal-content{
    background-color: #fff;
    border: none;
    border-radius: 0px;
}
.modal#search-modal .modal-body{
    display: flex;
    align-items: center;
    padding: 10px 0px;
}
.modal#search-modal .search-content{
    display: flex;
    align-items: center;
}
.modal#search-modal .search-content .search-engine{
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
.modal#search-modal .search-content .search-engine input{
    height: 40px;
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
}
.modal#search-modal .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 .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 .search-content button.close:hover{
    color: var(--secondary-color);
}
/* 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;
}
/* tracking css */
.tracking-wrap a.header-tracking{
    width: 40px;
    height: 40px;
    background-color: #f4f4f4;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tracking-wrap a.header-tracking span.tracking-icon{
    display: block;
    font-size: 20px;
    line-height: 0px;
}
.tracking-wrap a.header-tracking span.tracking-icon i,
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon i{
    font-weight: 800;
}
.tracking-wrap a.header-tracking span.tracking-icon span.tracking-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: var(--secondary-color);
    font-weight: 500;
    border-radius: 100%;
}
/* wishlist css */
.wishlist-wrap a.header-wishlist{
    width: 40px;
    height: 40px;
    background-color: #f4f4f4;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wishlist-wrap a.header-wishlist span.wishlist-icon{
    display: block;
    font-size: 20px;
    line-height: 0px;
}
.wishlist-wrap a.header-wishlist span.wishlist-icon i,
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon i{
    font-weight: 800;
}
.wishlist-wrap a.header-wishlist span.wishlist-icon 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: var(--secondary-color);
    font-weight: 500;
    border-radius: 100%;
}
/* cart css */
.shopping-widget .shopping-cart a.cart-count{
    width: 40px;
    height: 40px;
    background-color: #f4f4f4;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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{
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 0px;
}
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon span.bigcounter{
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: -10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--secondary-color);
    font-weight: 500;
    border-radius: 100%;
}
/* 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: var(--primary-color);
}
.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: var(--primary-color);
}
.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: 500;
    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: var(--primary-color);
    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;
}
/* hotline css */
.hotline{
    width: 15%;
}
.hotline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #000;
}
.hotline .image-content{
    margin-left: 15px;
}
.hotline .image-content span.hot-l{
    display: block;
    color: var(--secondary-color) ;
}
/* 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;
}
/* menu css */
.top-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e2e2e2;
}
/* main-menu css */
.megamenu-content{
    position: relative;
    width: 75%;
}
.megamenu-content .mainwrap ul.main-menu {
    display: flex;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title{
    position: relative;
    color: #000;
    padding: 15px 30px 15px 0px;
    font-size: 15px;
    display: block;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title:hover{
    color: var(--secondary-color);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i{
    font-size: 14px;
    margin-left: 5px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title {
    display: flex;
    align-items: center;
    position: relative;
}
.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: 0px;
    top: -13px;
    background-color: var(--secondary-color);
    transform: translateX(100%);
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 3px;
    line-height: 1;
}
.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 var(--secondary-color);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title.link-title-lg{
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu.collapse:not(.show){
    display: block;
}
.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
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu{
    position: absolute;
    top: calc(100% + 20px);
    padding: 15px 0px;
    margin: 0 auto;
    background-color: #fff;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link:hover ul.dropdown-submenu{
    top: calc(100% + 0px);
    opacity: 1;
    visibility: visible;
}
.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.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu{
    left: auto;
    min-width: 150px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu{
    width: 100%;
    left: auto;
    right: 0px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
    width: 100%;
    left: 0px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li{
    margin-top: 10px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li:first-child{
    margin-top: 0px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li a.submenu-link{
    padding: 0px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li{
    width: 25%;
    padding: 0px 15px;
}
.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: 10px;
    color: var(--secondary-color);
}
.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;
}
.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;
}
.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;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner{
    width: 33.33%;
    padding: 0px 15px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a{
    position: relative;
    overflow: hidden;
    display: block;
}
.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;
}
.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);
}
.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 */
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{
    position: relative;
    padding: 0px 15px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link{
    width: 100%;
    padding: 0px 5px;
}
.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;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{
    display: none;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li{
    position: relative;
}
.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;
}
/*================================================
    header bottom css ( menu and search)
================================================*/
.top-menubar {
    border-top: 1px solid #ededed;
}
.top-menubar .menu-slider {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.top-menubar .menu-slider .megamenu-content {
    width: 70%;
}
.top-menubar .menu-slider .header-search {
    width: 30%;
}
.top-menubar .menu-slider .header-search .search-area form {
    position: relative;
}
.top-menubar .menu-slider .header-search .search-area form input {
    width: 100%;
    border: none;
    background-color: #f7f7f7;
    padding: 10px 15px;
    height: 41px;
}
.top-menubar .menu-slider .header-search .search-area form a.search-btn { 
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 15px;
    font-size: 16px;
}

/*=====================================
    slider css
======================================*/
.main-slider .slider-area .slider-block {
    position: relative;
}
.main-slider .slider-area .slider-block .slider-content {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    right: 0px;
}
.main-slider .slider-area .slider-block .slider-content .slider-text span.subtitle {
    color: var(--tertiary-color);
    font-size: 50px;
    /* margin-bottom: 20px; */
    display: block;
    font-weight: 400;
    font-family: "Dancing Script", serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.main-slider .slider-area .slider-block .slider-content .slider-text h1.title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}
.main-slider .slider-area .slider-block .slider-content .slider-text .btn-style {
    background-color: var(--tertiary-color);
}
.main-slider .slider-area .slider-block .slider-content .slider-text h1.title span {
    display: block;
}
.main-slider .slider-area .slider-block .slider-content .slider-text a {
    margin-top: 30px;
}
.main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text span,
.main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text h1,
.main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text span {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 0.7s;
}
.main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text h1 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-duration: 1.0s;
}
.main-slider .slider-area .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .slider-block .slider-content .slider-text a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    animation-duration: 1.3s;
} 

/* category css */
.category-slider-area .category-area .category-block {
    border-radius: 5px;
    background-color: #f7f7f7;
    padding: 30px;
    width: 100%;
    text-align: center;
}
.category-slider-area .category-area .category-block .cat-title {
    margin-top: 15px;
}
.category-slider-area .category-area .category-block .cat-title a.title {
    display: block;
}
.category-slider-area .category-area .category-block:hover .cat-title a.title {
    color: var(--primary-color);
    text-decoration: underline;
}
.category-slider-area .category-area .category-block .cat-title a.title,
.category-slider-area .category-area .category-block:hover .cat-title a.title {
    -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;
}

/* banner css */
.home-banner-area .banner-block ul.banner-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -30px;
    margin-left: -30px;
} 
.home-banner-area .banner-block ul.banner-ul li.banner-li {
    width: calc(33.33% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area {
    position: relative;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area a.banner-image {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li:hover .banner-area a.banner-image img {
    transform: scale(1.1);
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 20px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content span.subtitle {
    margin-bottom: 17px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content h4.title {
    font-size: 18px;
    font-weight: 600;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content h4.title span {
    display: block;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content a.banner-btn {
    color: var(--primary-color);
    margin-top: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content a.banner-btn:hover {
    color: #232323;
} 
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area a.banner-image img, 
.home-banner-area .banner-block ul.banner-ul li.banner-li:hover .banner-area a.banner-image 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 products css */
.tab-product .tred-pro{
    position: relative;
    overflow: hidden;
}
.tred-pro .tr-pro-img a img{
    backface-visibility: hidden;
}
.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 .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;
}
.tab-product .tred-pro .Pro-lable span.p-text,
.tab-product .tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 10px;
    color: #fff;
    padding: 4px 8px 4px 8px;
    border-radius: 5px;
}
.tab-product .tred-pro .Pro-lable span.p-text{
    display: inline-table;
    background-color: var(--primary-color);
}
.tab-product .tred-pro .Pro-lable span.p-discount{
    background-color: #e30514;
}
/* product button css */
/* .tred-pro .pro-icn {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0px;
    opacity: 0;
    visibility: hidden;
    -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:hover .pro-icn {
    opacity: 1;
    visibility: visible;
}
.tred-pro .pro-icn a.w-c-q-icn {
    background-color: #ffffff;
    color: #232323;
    width: 35px;
    height: 35px;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 14px;
    box-shadow: 0 0 15px #00000026;
    border-radius: 5px;
    -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 {
    background-color: var(--primary-color);
    color: #ffffff;
}
.tred-pro .pro-icn a.w-c-q-icn.cart {
    display: none;
}
.tred-pro .pro-icn a.w-c-q-icn:first-child {
    margin-top: 0px;
} */
/* add to cart css */
.tred-pro .desk-cart {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transform: translateY(20px);
    opacity: 0;
    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;
}
.tred-pro:hover .desk-cart {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -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 .desk-cart a.cart-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 14px;
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
}
.tred-pro .desk-cart a.cart-btn:hover {
    background-color: #232323;
}

/* product content css */
.tab-product .tab-caption{
    margin-top: 15px;
    text-align: center;
}
.tab-product .tab-caption h3{
    font-size: 14px;
    font-weight: 500;
}
.tab-product .tab-caption h3 a{
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab-product .tab-caption .rating{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.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: 12px;
}
.tab-product .tab-caption .pro-price span.new-price{
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.tab-product .tab-caption .pro-price span.old-price{
    color: #232323;
    font-size: 16px;
    line-height: 1;
}
.pro-tab .collection-btn {
    text-align: center;
}

/* offer text css */
.offer-text-block .offer-text {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px 0px;
}  
.offer-text-block .offer-text .text-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0px;
} 
.offer-text-block .offer-text .text-block h1 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    padding: 10px;
    line-height: 1;
    text-transform: uppercase;
    border: 1px dashed #ffffff;
}

/* service css */
.service-area .service-main ul.service-ul {
    display: flex;
    flex-wrap: wrap;
}
.service-area .service-main ul.service-ul li.service-li {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border: 1px dashed #dedede;
}
.service-area .service-main ul.service-ul li.service-li .service-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-area .service-main ul.service-ul li.service-li .service-item .service-icon a {
    line-height: 0;
    font-size: 38px;
    color: #232323;
    margin-right: 15px;
}
.service-area .service-main ul.service-ul li.service-li .service-item .service-icon a i {
    display: inline-block;
    -webkit-transition: transform 400ms ease-in-out 0s;
    -moz-transition: transform 400ms ease-in-out 0s;
    -o-transition: transform 400ms ease-in-out 0s;
    -ms-transition: transform 400ms ease-in-out 0s;
    transition: transform 400ms ease-in-out 0s;
}
.service-area .service-main ul.service-ul li.service-li:hover .service-item .service-icon a i {
    color: var(--primary-color);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.service-area .service-main ul.service-ul li.service-li .service-item .service-text h4.title {
    font-size: 17px;
    font-weight: 500;
}
.service-area .service-main ul.service-ul li.service-li .service-item .service-text p.desc {
    color: #999;
    margin-bottom: 0px;
    margin-top: 2px;
}
.service-area .service-main ul.service-ul li.service-li .service-item .service-icon a i,
.service-area .service-main ul.service-ul li.service-li:hover .service-item .service-icon a 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;
}

/* testimonials css */
.testimonials-area {
    background-color: #fff5eb;
}
.testimonials-area .testimonials-main .testimonials-block {
    text-align: center;
}
.testimonials-area .testimonials-main .testimonials-block .testi-icon {
    text-align: center;
}
.testimonials-area .testimonials-main .testimonials-block .testi-icon span.icon {
    position: relative;
    color: #ffffff;
    width: 75px;
    height: 75px;
    font-size: 20px;
    margin: 0 auto;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-color);
}
.testimonials-area .testimonials-main .testimonials-block .testi-icon span.icon::before {
    background-color: var(--primary-color);
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    margin: 0 auto;
    right: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 100%;
} 
.testimonials-area .testimonials-main .testimonials-block .testi-icon span.title {
    font-size: 18px;
    margin-top: 14px;
    font-weight: 500;
    line-height: 1;
}
.testimonials-area .testimonials-main .testimonials-block .testi-desc {
    margin-top: 17px;
}   
.testimonials-area .testimonials-main .testimonials-block .author-rating {
    margin-top: 20px;
}
.testimonials-area .testimonials-main .testimonials-block .author-rating span.author { 
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    display: block;
}
.testimonials-area .testimonials-main .testimonials-block .author-rating span.rating {
    margin-top: 10px;
}
.testimonials-area .testimonials-main .testimonials-block .author-rating span.rating i {
    color: #ffb503;
}

/* blog css */
.blog-area .blog-post .blog-image {
    position: relative;
}
.blog-area .blog-post .blog-image a {
    display: block;
    position: relative;
    overflow: hidden;
}
.blog-area .blog-post .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;
}
.blog-area .blog-post:hover .blog-image a 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;
}
.blog-area .blog-post .blog-content {
    margin-top: 28px;
}
.blog-area .blog-post .blog-content .title h4 {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}
.blog-area .blog-post .blog-content .desc {
    margin-top: 21px;
}
.blog-area .blog-post .blog-content .desc span {
    color: #8c837c;
}
.blog-area .blog-post .blog-content .author-name {
    margin-top: 19px;
}
.blog-area .blog-post .blog-content .author-name span {
    font-size: 14px;
    font-weight: 600;
}
.blog-area .section-btn {
    margin-top: 30px;
    text-align: center;
}

/* newsletter css */
.newsletter-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.newsletter-area .newsletter-block {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.newsletter-area .newsletter-block .newsletter-title h4 {
    color: #232323;
    font-size: 24px;
}
.newsletter-area .newsletter-block .newsletter-title p {
    color: #232323;
    font-size: 14px;
    margin-top: 4px;
    font-weight: 400;
}
.newsletter-area .newsletter-block .newsletter-input {
    margin-top: 22px;
}   
.newsletter-area .newsletter-block .newsletter-input form {
    position: relative;
    overflow: hidden;
}
.newsletter-area .newsletter-block .newsletter-input form input {
    font-size: 14px;
    width: 100%;
    padding: 10px 15px;
    height: 45px;
    border: none;
    border-radius: 3px;
}
.newsletter-area .newsletter-block .newsletter-input form a {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}

/* quick view css */
.quick-view .modal .modal-dialog{
    max-width: 650px;
    background-color: #fff;
    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;
    margin-bottom: 0px;
}
.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;
    line-height: 1;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price{
    margin-top: 12px;
}
.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: 13px;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i{
    font-size: 14px;
    color: #999;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i.c-star{
    color: #ffb503;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-description p{
    color: #999;
    font-size: 13px;
    margin-top: 9px;
    line-height: 1.7;
}
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size{
    margin-top: 13px;
}
.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: 6px 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: 18px;
    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: var(--primary-color);
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--primary-color);
    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: var(--primary-color);
    background-color: transparent;
}
/* header style-2 products css */
.header-style-2-pro{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.header-style-2-pro .header-style-pro{
    width: calc(20% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}
.header-style-2-pro .header-style-pro:nth-child(1),
.header-style-2-pro .header-style-pro:nth-child(2),
.header-style-2-pro .header-style-pro:nth-child(3),
.header-style-2-pro .header-style-pro:nth-child(4),
.header-style-2-pro .header-style-pro:nth-child(5){
    margin-top: 0px;
}
/* footer style-5 products css */
.footer-style-5-pro{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.footer-style-5-pro .header-product{
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}
.footer-style-5-pro .header-product:nth-child(1),
.footer-style-5-pro .header-product:nth-child(2){
    margin-top: 0px;
}
.footer-style-5-pro .header-product .caption .rating{
    margin-top: 10px;
}
.footer-style-5-pro .header-product{
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px;
}
.footer-style-5-pro .header-product .tred-pro{
    width: 40%;
}
.footer-style-5-pro .header-product .caption{
    width: calc(60% - 20px);
    margin-left: 20px;
    padding-top: 0px;
    text-align: left;
}
.footer-style-5-pro .header-product .caption h3 a{
    font-weight: 600;
}
.footer-style-5-pro .header-product .caption span.pro-des{
    margin-top: 7px;
}
.footer-style-5-pro .header-product .caption .pro-icn{
    position: unset;
    margin-top: 13px;
}
.footer-style-5-pro .header-product .caption .pro-icn a.w-c-q-icn{
    background-color: #fff;
    color: #333;
    width: 40px;
    height: 40px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    -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;
}
.footer-style-5-pro .header-product .caption .pro-icn a.w-c-q-icn:hover {
    background-color: var(--primary-color);
    color: #fff;
    -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;
}
/*--------------------------
footer css
---------------------------*/
/* company detail css */
.footer-bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.news-5{
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.news-5 .news-content {
    margin-bottom: 24px;
}
.news-5 .news-content h2{
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}
.news-5 .news-content span{
    margin-top: 7px;
}
.news-5 form{
    position: relative;
    width: 65%;
    margin: 0 auto;
}
.news-5 form input{
    position: relative;
    width: 100%;
    height: 45px;
    font-size: 16px;
    padding: 12px 15px;
    border-radius: 3px;
    font-weight: 400;
    border: none;
}
.news-5 form a{
    position: absolute;
    top: 0px;
    right: 0px;
}
.home5-footer{
    display: flex;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #e2e2e2;
}
.f-logo{
    width: 25%;
}
.f-logo ul.footer-ul li.footer-li.footer-contact {
    margin-top: 16px;
}
.f-logo ul.footer-ul li.footer-li.footer-contact.footer-map {
    margin-top: 9px;
} 
.f-logo ul.footer-ul li.footer-li.footer-contact ul.f-ul-li-ul {
    display: flex;
    align-items: center;
}
.f-logo ul.footer-ul li.footer-li.footer-contact ul.f-ul-li-ul li.footer-icon i {
    color: var(--primary-color);
    font-size: 26px;
}
.f-logo ul.footer-ul li.footer-li.footer-contact ul.f-ul-li-ul li.footer-info {
    margin-left: 20px;
}   
.f-logo ul.footer-ul li.footer-li.footer-contact ul.f-ul-li-ul li.footer-info a {
    margin-top: 5px;
    display: block;
}
.f-logo ul.footer-ul li.footer-li.footer-contact ul.f-ul-li-ul li.footer-info a:first-child {
    margin-top: 0px;
}
.f-logo ul.footer-ul li.footer-li.footer-contact ul.f-ul-li-ul li.footer-info span {
    margin-top: 5px;
    display: block;
}
.f-logo ul.footer-ul li.footer-li.footer-contact ul.f-ul-li-ul li.footer-info span:first-child {
    margin-top: 0px;
}
/* footer bottom css */
.footer-bottom{
    width: 75%;
}
.footer-link{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
}
.footer-link .f-link{
    /* width: calc(25% - 30px); */
    width: calc(33% - 30px);
    margin-left: 30px;
}
.footer-link .f-link .h-footer{
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.footer-link .f-link a.h-footer{
    display: none;
}
.footer-link .f-link .collapse:not(.show){
    display: block;
    margin-top: 25px;
}
.footer-link .f-link ul.f-link-ul li.f-link-ul-li{
    padding-top: 16px;
    line-height: 1;
}
.footer-link .f-link ul.f-link-ul li.f-link-ul-li:first-child {
    padding-top: 0px;
}
.footer-link .f-link ul.f-link-ul li.f-link-ul-li a{
    color: #000;
}
.footer-link .f-link ul.f-link-ul li.f-link-ul-li a:hover{
    color: var(--primary-color);
}
/* footer copyright css
.footer-copyright{
    padding: 15px 0;
    background-color: var(--primary-color);
}
.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: 33.33%
}
.footer-copyright ul.f-bottom li.f-copyright p{
    color: #fff;
    font-size: 13px;
}
ul.f-bottom li.f-c ul.f-bottom li.f-copyright p{
    color: #fff;
    font-size: 13px;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social{
    display: flex;
    margin: 0 auto;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social a.f-icn-link{
    background-color: #fff;
    color: var(--primary-color);
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    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;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social a.f-icn-link:last-child{
    margin-right: 0;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social a.f-icn-link:hover {
    background-color: transparent;
    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-copyright ul.f-bottom li.f-payment{
    text-align: right;
} */
/* breadrcumb css */
.about-breadcrumb .about-back{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: center; */
    background-position: inherit;
    z-index: 2;
    /* height: 300px; */
    padding-top: 0;
}
/* .about-breadcrumb .about-back::after{
    background-color: rgba(0,0,0,0.5);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
} */
.about-l {
    /* margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.about-breadcrumb .about-back .about-l ul.about-link{
    text-align: center;
}
.title-one span {
    position: relative;
    color: #000;
    /* margin-bottom: 15px; */
    font-family: "Dancing Script", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 65px;
    color: var(--tertiary-color);
}
/* .about-breadcrumb li.title-one a::after{
    background-color: #333;
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0px;
    left: 0px;
    width: 3px;
    height: 15px;
    margin: 0 auto;
} */
/* .about-breadcrumb li.title-two {
    padding-top: 26px;
} */
.about-breadcrumb li.title-two span{
    color: #fff;
    font-size: 30px;
    font-weight: 500;
}
.title-two span{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
/* cart page css */
.cart-area,
.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: 16px;
    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{
    margin-top: 15px;
    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(--primary-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(--primary-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-bottom .cart-details .other-link{
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 16px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.cart-area-bottom .cart-details .other-link ul.c-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-area-bottom .cart-details .other-link ul.c-link li.cart-other-link a{
    color: #fff;
    /* text-decoration: underline; */
}
.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 .charges-price{
    padding-top: 7px;
    padding-bottom: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-total .cart-price span.total,
.cart-total .charges-price span.total{
    font-weight: 600;
}
.cart-total .cart-info {
    margin-top: 25px;
}
.cart-total .cart-info h4{
    font-size: 14px;
}
.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%;
    margin-top: 10px;
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.cart-total .cart-info form input{
    width: 100%;
    margin-top: 10px;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.cart-total .cart-info a.cart-calculate{
    color: #fff;
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-total .shop-total{
    margin-top: 26px;
    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 .shop-total span.total-amount{
    font-weight: 600;
}
.cart-total a.check-link{
    color: #fff;
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* footer css */
.footer-one .footer-content-area ul.footer-ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -50px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li {
    margin-left: 30px;
    margin-top: 50px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.logo-info {
    width: calc(25% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-link {
    width: calc(16.66% - 30px);
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info {
    width: calc(25% - 30px);
}
/* logo css */
.footer-one .footer-content-area ul.footer-ul li.footer-li .logo-desc {
    padding-bottom: 13px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .desc {
    width: 80%;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li .payment {
    margin-top: 21px;
}
/* footer link css */
.footer-one .footer-content-area ul.footer-ul li.footer-li h2.h-footer {
    color: #232323;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li a.h-footer {
    color: var(--primary-color);
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    display: none;
    align-items: center;
    justify-content: space-between;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul.collapse:not(.show) {
    display: block;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li {
    margin-top: 9px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li:first-child {
    margin-top: 22px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li a {
    color: #232323;
    font-size: 14px;
    line-height: normal;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li ul.f-link-ul li.f-link-ul-li a:hover {
    color: var(--primary-color);
}
/* store info css */
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li {
    width: 85%;
    display: flex;
    margin-top: 17px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li:first-child {
    margin-top: 25px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .icon span i {
    color: var(--primary-color);
    font-size: 22px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text {
    margin-left: 15px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text p,
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text a {
    color: #232323;
    font-size: 14px;
    margin-top: 3px;
    font-weight: 400;
    display: block;
} 
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text p:first-child,
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text a:first-child {
    margin-top: 0px;
}
.footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li .text a:hover {
    color: var(--primary-color);
}

/* footer copyright css */
.footer-copyright{
    padding: 15px 0;
    background-color: var(--secondary-color);
}
.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: 33.33%
}
.footer-copyright ul.f-bottom li.f-copyright p{
    color: #fff;
    font-size: 13px;
}
ul.f-bottom li.f-c ul.f-bottom li.f-copyright p{
    color: #fff;
    font-size: 13px;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social{
    display: flex;
    margin: 0 auto;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social a.f-icn-link{
    background-color: #fff;
    color: var(--primary-color);
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    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;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social a.f-icn-link:last-child{
    margin-right: 0;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social a.f-icn-link:hover {
    background-color: transparent;
    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-copyright ul.f-bottom li.f-payment{
    text-align: right;
}

/* 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: var(--primary-color);
    font-size: 20px;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid var(--primary-color);
    border-radius: 4px;
}
a.scroll:hover span{
    color: #fff;
    background-color: var(--primary-color);
}
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 page css */
.about-content .about-title{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.about-content .about-title h1{
    font-size: 30px;
    line-height: 1;
}
.about-content .about-title p{
    margin-top: 18px;
}
.about-content .about-details {
    text-align: center;
}
.about-content .about-details {
    margin-top: 23px;
}
.about-content .about-details p{
    margin-top: 15px;
}
.about-content .about-details p:first-child {
    margin-top: 0px;
}
.about-counter{
    background-color: var(--primary-color);
}
.about-counter .text-center{
    display: flex;
    flex-wrap: wrap;
}
.about-counter .text-center .counter{
    width: 25%;
    border-right: 1px solid #fff;
}
.about-counter .text-center .counter:last-child{
    border: none;
}
.about-counter .text-center .count-title {
    color: #fff;
    font-size: 55px;
    font-weight:700;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}
.about-counter .text-center .count-text {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}

/* 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: 300px;
}
.map-area .map-details{
    display: flex;
    flex-wrap: wrap;
}
.map-area .information-container {
    flex: 1;
  }
  .map-area .form-container {
    flex: 1;
  }
.map-area .map-details .contact-info{
    width: 50%;
}
.form-wrapper,
.form-details,
.map-area .map-details .contact-info .contact-details{
    padding: 30px;
    background-color: #f5e7e3;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.form-details h4,
.map-area .map-details .contact-info .contact-details h4{
    font-size: 18px;
}
.form-details form ,
.map-area .map-details .contact-info .contact-details form {
    margin-top: 18px;
}
.form-details form label,
.map-area .map-details .contact-info .contact-details form label{
    display: block;
    margin-top: 15px;
}
.form-details form label:first-child ,
.map-area .map-details .contact-info .contact-details form label:first-child {
    margin-top: 0px;
}
.form-details form input,
.map-area .map-details .contact-info .contact-details form input{
    width: 100%;
    border-radius: 4px;
    padding: 7px 15px;
    margin-top: 10px;
}
.form-details form select,
.map-area .map-details .contact-info .contact-details form select{
    width: 100%;
    border-radius: 4px;
    padding: 7px 15px;
    margin-top: 10px;
}
.form-details form textarea,
.map-area .map-details .contact-info .contact-details form textarea{
    width: 100%;
    resize: none;
    margin-top: 10px;
    border-radius: 4px;
}
.form-details a,
.map-area .map-details .contact-info .contact-details a{
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
}
.form-details a i ,
.map-area .map-details .contact-info .contact-details a i {
    margin-left: 5px;
}
.form-information,
.map-area .map-details .contact-info .information{
    /* margin-right: 30px; */
    margin: 30px 30px 0 0;
}
.form-information h4,
.map-area .map-details .contact-info .information h4{
    font-size: 18px; 
}
.form-information p.info-description,
.map-area .map-details .contact-info .information p.info-description{
    margin-top: 16px;
}
.form-information .contact-in ,
.map-area .map-details .contact-info .information .contact-in {
    margin-top: 22px;
}
.form-information .contact-in .info-details,
.map-area .map-details .contact-info .information .contact-in .info-details{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
}
.form-information .contact-in .info-details:first-child ,
.map-area .map-details .contact-info .information .contact-in .info-details:first-child {
    margin-top: 0px;
}
.form-information .contact-in .info-details li i,
.map-area .map-details .contact-info .information .contact-in .info-details li i{
    font-size: 20px;
    margin-right: 20px;
}
.form-information .contact-in .info-details li h4,
.map-area .map-details .contact-info .information .contact-in .info-details li h4{
    font-size: 14px;
    line-height: 1;
}
.form-information .contact-in .info-details li a ,
.map-area .map-details .contact-info .information .contact-in .info-details li a {
    margin-top: 7px;
}

/* grid-list banner-button css */
.grid-list-banner{
    height: 262px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}
.grid-list-banner .grid-banner-content{
    width: 50%;
    margin-left: 30px;
}
.grid-list-banner .grid-banner-content h4{
    font-size: 20px;
}
.grid-list-banner .grid-banner-content p{
    font-size: 13px;
    margin-top: 14px;
    color: #333;
}
/* list product css */
.list-product{
    margin-top: 30px;
}
.list-product .list-items{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.list-product .list-items:last-child{
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}
.list-product .list-items .tred-pro{
    width: 25%;
    position: relative;
}
.list-product .list-items .tred-pro .Pro-lable span.p-text,
.list-product .list-items .tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.list-product .list-items .tred-pro .Pro-lable span.p-text{
    left: 5px;
    background-color: var(--primary-color);
}
.list-product .list-items .tred-pro .Pro-lable span.p-discount{
    right: 5px;
    background-color: #e30514;
}
.list-product .list-items .caption .pro-icn{
    position: unset;
    margin-top: 14px;
}
.list-product .list-items .caption .pro-icn a.w-c-q-icn i{
    background-color: var(--primary-color);
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid var(--primary-color);
    -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;
}
.list-product .list-items .caption .pro-icn a.w-c-q-icn:hover i{
    background-color: transparent;
    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;
}
.list-product .list-items .caption{
    width: calc(75% - 20px);
    margin-left: 20px;
    padding-top: 0px;
}
.list-product .list-items .caption h3{
    font-size: 14px;
    font-weight: 400;
}
.list-product .list-items .caption h3 a{
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}
.list-product .list-items .caption p.list-description{
    font-size: 13px;
    margin-top: 8px;
    line-height: 21px;
}
.list-product .list-items .caption .rating{
    display: flex;
    margin-top: 14px;
}
.list-product .list-items .caption .rating i{
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}
.list-product .list-items .caption .rating i.b-star,
.list-product .list-items .caption .rating i.c-star,
.list-product .list-items .caption .rating i.d-star,
.list-product .list-items .caption .rating i.e-star{
    color: var(--primary-color);
}
.list-product .list-items .caption .rating i:last-child{
    margin-right: 0px;
}
.list-product .list-items .caption .pro-price{
    margin-top: 15px;
}
.list-product .list-items .caption .pro-price span.new-price{
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.list-product .list-items .caption .pro-price span.old-price{
    color: #999;
    font-size: 14px;
    line-height: 1;
}
/* additional image css */
.list-product .list-items .tred-pro .tr-pro-img a img.additional-image{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.list-product .list-items .tred-pro:hover .tr-pro-img a img.additional-image{
    opacity: 1;
    visibility: visible;
}
.list-product .list-items .tred-pro .tr-pro-img a img.additional-image,
.list-product .list-items .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;
}
.list-product p.list-all-page{
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    font-weight: 700;
}
.list-all-page span.page-title{
    color: #000;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
}
.list-all-page .page-number{
    text-align: center;
    margin-top: 20px;
}
.list-all-page .page-number a{
    position: relative;
    margin-right: 5px;
}
.list-all-page .page-number a:after{
    background-color: var(--primary-color);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}
.list-all-page .page-number a:hover:after,
.list-all-page .page-number a.active:after{
    opacity: 1;
    visibility: visible;
}
.list-all-page .page-number a:hover,
.list-all-page .page-number a.active{
    color: var(--primary-color);
}
.list-all-page .page-number a:last-child:after{
    display: none;
}
/* grid Products css */
.grid-list-area .grid-list-select{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.grid-list-area .grid-list-select ul{
    display: flex;
    align-items: center;
}
.grid-list-area .grid-list-select ul.grid-list li a{
    font-size: 17px;
    margin-right: 10px;
}
.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-4-product .grid-list-select ul.grid-list li a.active,
.grid-2-product .grid-list-select ul.grid-list li a.active {
    color: var(--primary-color);
}
.grid-list-area .grid-list-select ul.grid-list-selector li label{
    font-weight: 600;
    margin-right: 10px;
}
.grid-list-area .grid-list-select ul.grid-list-selector select{
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.grid-list-area .grid-pro ul.grid-product{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items{
    width: calc(33.33% - 30px);
    margin-left: 30px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro{
    position: relative;
    margin-top: 30px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text{
    left: 5px;
    background-color: var(--primary-color);
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount{
    right: 5px;
    background-color: #e30514;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn{
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child{
    transform: translateX(40px);
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child{
    transform: translateX(-40px);
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child{
    margin-right: 15px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    margin-left: 15px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    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;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i{
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 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;
    opacity: 0;
    visibility: hidden;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i{
    color: var(--primary-color);
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i{
    opacity: 1;
    visibility: visible;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption{
    padding-top: 15px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3{
    font-size: 14px;
    font-weight: 400;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3 a{
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating{
    display: flex;
    margin-top: 14px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i{
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star{
    color: var(--primary-color);
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child{
    margin-right: 0px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price{
    margin-top: 16px;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price{
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price{
    color: #999;
    font-size: 14px;
    line-height: 1;
}
/* additional image css */
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image{
    opacity: 1;
    visibility: visible;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-list-area .grid-pro ul.grid-product li.grid-items .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;
}
.grid-list-area .grid-pro ul.grid-product li.grid-items p{
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}

/* 4-grid Products css */
.grid-4-product .grid-list-select{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.grid-4-product .grid-list-select ul{
    display: flex;
    align-items: center;
}
.grid-4-product .grid-list-select ul.grid-list li a{
    font-size: 17px;
    margin-right: 10px;
}
.grid-4-product .grid-list-select ul.grid-list-selector li label{
    font-weight: 600;
    margin-right: 10px;
}
.grid-4-product .grid-list-select ul.grid-list-selector select{
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.grid-4-product .grid-pro ul.grid-product{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items{
    width: calc(25% - 30px);
    margin-left: 30px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro{
    position: relative;
    margin-top: 30px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text{
    left: 5px;
    background-color: var(--primary-color);
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount{
    right: 5px;
    background-color: #e30514;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn{
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child{
    transform: translateX(40px);
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child{
    transform: translateX(-40px);
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child{
    margin-right: 15px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    margin-left: 15px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    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;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i{
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 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;
    opacity: 0;
    visibility: hidden;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i{
    color: var(--primary-color);
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i{
    opacity: 1;
    visibility: visible;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption{
    padding-top: 15px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3{
    font-size: 14px;
    font-weight: 400;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 a{
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating{
    display: flex;
    margin-top: 14px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i{
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star{
    color: var(--primary-color);
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child{
    margin-right: 0px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price{
    margin-top: 16px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price{
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price{
    color: #999;
    font-size: 14px;
    line-height: 1;
}
/* additional image css */
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image{
    opacity: 1;
    visibility: visible;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-4-product .grid-pro ul.grid-product li.grid-items .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;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items p{
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}
/* product page css */
.pro-page .pro-image .larg-image a.long-img{
    margin-bottom: 20px;
}
.pro-page .pro-image .larg-image a.long-img figure.zoom {
     background-position: 50% 50%;
     position: relative;
     overflow: hidden;
     cursor: crosshair;
     margin-bottom: 0px;
}
.pro-page .pro-image .larg-image a.long-img figure.zoom img:hover {
     opacity: 0;
}
.pro-page .pro-image .larg-image a.long-img figure.zoom img {
     transition: opacity 0.5s;
     display: block;
     width: 100%;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider{
    position: relative;
    border-bottom: none;
}
.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;
}
.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a.active {
    border: 1px solid var(--primary-color);
    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: var(--primary-color);
}
.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;
}
.pro-page .pro-image .pro-info h4{
    font-size: 18px;
    font-weight: 600;
}
.pro-page .pro-image .pro-info .rating{
    border-top: 1px solid #ededed;
    margin-top: 15px;
    padding-top: 19px;
}
.pro-page .pro-image .pro-info .rating i{
    color: #999;
}
.pro-page .pro-image .pro-info .rating i.d-star{
    color: var(--primary-color);
    margin-right: 2px;
}
.pro-page .pro-image .pro-info .pro-availabale{
    margin-top: 12px;
}
.pro-page .pro-image .pro-info .pro-availabale span.available{
    min-width: 105px;
    font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-availabale span.pro-instock{
    color: var(--primary-color);
    font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-price{
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.pro-page .pro-image .pro-info .pro-price span.new-price{
    font-size: 16px;
    font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-price span.old-price{
    color: #999;
    margin-left: 5px;
}
.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%);
}
.pro-page .pro-image .pro-info span.pro-details{
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
}
.pro-page .pro-image .pro-info span.pro-details span.pro-number{
    color: var(--primary-color);
    font-weight: 600;
}
.pro-page .pro-image .pro-info p{
    margin-top: 9px;
    color: #999;
}
.pro-page .pro-image .pro-info .pro-items{
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.pro-page .pro-image .pro-info .pro-items span.pro-size{
    font-size: 14px;
    font-weight: 600;
}
.pro-page .pro-image .pro-info .pro-items ul.pro-wight{
    display: flex;
    flex-wrap: wrap;
}
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li{
    margin-left: 15px;
}
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a{
    color: #adadad;
    border-bottom: 2px solid #adadad;
    padding: 2px 8px;
}
.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;
}
.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: var(--primary-color);
}
.pro-page .pro-image .pro-info .product-color span.color a:nth-child(3) span {
    background-color: #b58555;
}
.pro-page .pro-image .pro-info .pro-qty{
    display: flex;
    align-items: center;
    margin-top: 27px;
}
.pro-page .pro-image .pro-info .pro-qty span.qty{
    font-weight: 700;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus{
    border: 1px solid #e2e2e2;
    border-radius: 25px;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus{
    margin-left: 15px;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus span{
    display: flex;
}
.pro-page .pro-image .pro-info .pro-qty .plus-minus span a{
    width: 40px;
    height: 35px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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;
}
.pro-page .pro-image .pro-info .pro-btn{
    margin-top: 17px;
}
.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;
}
.pro-page .pro-image .pro-info .share{
    margin-top: 27px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.pro-page .pro-image .pro-info .share ul.share-icn{
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.pro-page .pro-image .pro-info .share ul.share-icn li{
    margin-left: 15px;
}
.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: #3b5999;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-twitter{
    color: #55acee;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-instagram{
    color: #dd4b39;
}
.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-pinterest{
    color: #bd081c;
}
.pro-page .pro-image .pro-info .pay-img{
    margin-top: 22px;
}
.pro-page .pro-shipping .product-service{
    background-color: #f9f9f9;
    padding: 25px;
    margin-top: 30px;
}
.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: var(--primary-color);
    font-size: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}
.pro-page .pro-shipping .product-service .icon-title h4{
    font-size: 16px;
    margin-left: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
.pro-page .pro-shipping .product-service p{
    color: #8e8e8e;
    margin-top: 18px;
}
/* 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;
    text-transform: uppercase;
}
.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 {
    width: 100%;
}
/* 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;
}
.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.p-rating i.e-star{
    color: var(--primary-color);
    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(--primary-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;
}
/* releted product css */
.pro-releted .section-title{
    text-align: center;
}
.pro-releted .section-title h2{
    font-size: 30px;
    margin-bottom: 30px;
}
.tred-pro{
    position: relative;
}
.tred-pro .tr-pro-img a{
    display: block;
}
.tred-pro .tr-pro-img a img{
    backface-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;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.tred-pro .Pro-lable span.p-text{
    left: 5px;
    background-color: var(--primary-color);
}
.tred-pro .Pro-lable span.p-discount{
    right: 5px;
    background-color: #e30514;
}
.tred-pro .pro-icn{
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}
.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);
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child{
    margin-right: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    margin-left: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    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 i{
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 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;
    opacity: 0;
    visibility: hidden;
}
.tred-pro .pro-icn a.w-c-q-icn:hover i{
    color: var(--primary-color);
}
.tred-pro:hover .pro-icn a.w-c-q-icn i{
    opacity: 1;
    visibility: visible;
}
.caption{
    padding-top: 15px;
}
.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{
    display: flex;
    margin-top: 14px;
}
.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: var(--primary-color);
}
.caption .rating i:last-child{
    margin-right: 0px;
}
.caption .pro-price{
    margin-top: 16px;
}
.caption .pro-price span.new-price{
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.caption .pro-price span.old-price{
    color: #999;
    font-size: 14px;
    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;
}
/* Trending Products css */
.tred-pro{
    position: relative;
}
.tred-pro .Pro-lable span.p-text,
.tred-pro .Pro-lable span.p-discount{
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}
.tred-pro .Pro-lable span.p-text{
    left: 5px;
    background-color: var(--primary-color);
}
.tred-pro .Pro-lable span.p-discount{
    right: 5px;
    background-color: #e30514;
}
.tred-pro .pro-icn{
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}
.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);
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child{
    margin-right: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    margin-left: 15px;
}
.tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    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 i{
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 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;
    opacity: 0;
    visibility: hidden;
}
.tred-pro .pro-icn a.w-c-q-icn:hover i{
    color: var(--primary-color);
}
.tred-pro:hover .pro-icn a.w-c-q-icn i{
    opacity: 1;
    visibility: visible;
}
.caption{
    padding-top: 15px;
}
.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{
    display: flex;
    margin-top: 12px;
}
.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: var(--primary-color);
}
.caption .rating i:last-child{
    margin-right: 0px;
}
.caption .pro-price{
    margin-top: 13px;
}
.caption .pro-price span.new-price{
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}
.caption .pro-price span.old-price{
    color: #999;
    font-size: 14px;
    line-height: 1;
}
/* additional image css */
.tred-pro .tr-pro-img a img{
    backface-visibility: hidden;
}
.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;
}

/* product filter start */
/* .product-filter {
    padding: 0 10px;
    background-color: #eee;
}
.product-filter .nav-item {
    white-space: nowrap;
    position: relative;
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    align-items: center;
}
.product-filter .nav-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 35%;
    background-color: #ccc;
}

.product-filter .nav-item:last-child::after {
    display: none;
}
.product-filter .nav-link {
    color: inherit;
    text-decoration: none;
    padding: 12px 0 !important;
    border-bottom: 1px solid transparent;
}
.product-filter .nav-link.active,
.product-filter .nav-link:hover {
    border-bottom: 1px solid green;
    transition: border-bottom 0.3s ease-in-out;
}
.product-filter .nav-scroller {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.product-filter .nav-pills .nav-link {
    border-radius: 0;
} */



/* General Styles */
.full-width {
    width: 100%;
    position: relative;
}
.full-width-row {
    width: 100%;
    position: relative;
}
.product-filter {
    padding: 0 10px;
    background-color: var(--primary-color);
    color: #fff;
}
.product-filter .nav-item {
    white-space: nowrap;
    position: relative;
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    align-items: center;
}
.product-filter .nav-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 35%;
    background-color: #ccc;
}
.product-filter .nav-item:last-child::after {
    display: none;
}
.product-filter .nav-link {
    color: inherit;
    text-decoration: none;
    padding: 12px 0 !important;
    border-bottom: 1px solid transparent;
}
.product-filter .nav-link.active,
.product-filter .nav-link:hover {
    border-bottom: 1px solid var(--primary-color);
    transition: border-bottom 0.3s ease-in-out;
}
.product-filter .nav-scroller {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.product-filter .nav-pills .nav-link,
.subcategory-slider .nav-pills .nav-link {
    border-radius: 0;
}

/* Styles for the slider */
.subcategory-slider {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #e9e7e7; /* Changed background color to light grey */
    padding: 0 40px; /* Adjust padding to make room for arrows */
}
.subcategory-slider .nav-item {
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: relative;
}
.subcategory-slider .nav-link {
    padding: 12px 0 !important;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #222;
}
.subcategory-slider .nav-item:not(:last-child)::after {
    content: "|";
    position: absolute;
    /* right: -10px; */
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #222; /* Adjust color as needed */
  }
.subcategory-slider .nav-link:hover {
    border-bottom: 1px solid green;
}
.subcategory-scroller {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    align-items: center;
    scroll-behavior: smooth;
    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
    width: 100%; /* Allow full width */
    padding: 0 25px; /* Add padding to avoid overlap with arrows */
}
.slider-arrow {
    cursor: pointer;
    font-size: 1.5rem;
    user-select: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: none; /* Hide arrows initially */
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1; /* Ensure arrows are above other elements */
}
.slider-arrow.left {
    left: 10px;
}
.slider-arrow.right {
    right: 10px;
}

/* Media Query for Laptop and Desktop */
@media (min-width: 769px) {
    .slider-arrow.visible {
        display: flex !important; /* Show arrows on larger screens */
    }
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .slider-arrow {
        display: none !important; /* Hide arrows on mobile devices */
    }
    .subcategory-scroller {
        overflow-x: auto; /* Enable touch scrolling */
        -webkit-overflow-scrolling: touch;
    }
    .subcategory-slider {
        padding: 0;
    }
}

/* product filter end */


/* home category start */
.category-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px; /* Increased space between rows */
}
.category {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    margin-bottom: 20px; /* Space between image and title */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.category img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
    border-radius: 50%;
}
.category-container .title {
    font-size: 15px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-align: center;
    transition: color 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 40px;
    text-align: left; /* Aligns title to the left */
}


/* Hover effect */
.category:hover img {
    transform: scale(1.2);
}

/* home category end */



/*=====================================
    marquee section css
======================================*/ 
.marquee-section {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(128 128 128 / 10%);
    background-color: #f5e7e3;
  }
  .marquee-section .offer-text-wrap {
    overflow: hidden;
  }
  .marquee-section .offer-text-wrap ul.offer-ul {
    display: flex;
    align-items: center;
  }
  .marquee-section .offer-text-wrap ul.offer-ul li.offer-li {
    display: flex;
  }
  .marquee-section .offer-text-wrap ul.offer-ul li.text1 {
    -webkit-animation: slide1 50s linear infinite;
    animation: slide1 50s linear infinite;
    -webkit-animation-delay: -50s;
    animation-delay: -50s;
  }
  .marquee-section .offer-text-wrap ul.offer-ul li.text2 {
    -webkit-animation: slide2 50s linear infinite;
    animation: slide2 50s linear infinite;
    -webkit-animation-delay: -25s;
    animation-delay: -25s;
  }
  .marquee-section .offer-text-wrap:hover ul.offer-ul li.offer-li,
  .marquee-section .offer-text-wrap:focus-within ul.offer-ul li.offer-li {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
  }
@-webkit-keyframes slide1{
    0%{
        transform: translateX(100%);
    } 100%{
        transform: translateX(-100%);
    }
}
@-moz-keyframes slide1{
    0%{
        transform: translateX(100%);
    } 100%{
        transform: translateX(-100%);
    }
}
@keyframes slide1{
    0%{
        transform: translateX(100%);
    } 100%{
        transform: translateX(-100%);
    }
}
@-webkit-keyframes slide2{
    0%{
        transform: translateX(0%);
    } 100%{
        transform: translateX(-200%);
    }
}
@-moz-keyframes slide2{
    0%{
        transform: translateX(0%);
    } 100%{
        transform: translateX(-200%);
    }
}
@keyframes slide2{
    0%{
        transform: translateX(0%);
    } 100%{
        transform: translateX(-200%);  
    }
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block {
    display: block;
    white-space: nowrap;
    position: relative;
    padding: 0px 0px 0px 100px;
    display: flex;
    align-items: center;
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block::before {
    color: var(--primary-color);
    content: "/";
    position: absolute;
    left: 50px;
    font-size: 18px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block p {
    color: var(--primary-color);
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
}
.marquee-section .offer-text-wrap ul.offer-ul li.offer-li .offer-text-block p strong {
    color: var(--secondary-color);
    font-weight: 600;
}


/*=====================================
    banner grid css
======================================*/ 
.banner-grid-area .banner-grid ul.banner-grid-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li {
    width: calc(50% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main {
    position: relative;
    padding: 35px 0px 40px 0px;
    display: flex;
    align-items: center;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main a.banner-image {
    position: absolute;
    top: 0px;
    inset-inline-end: 0px;
    bottom: 0px;
    inset-inline-start: 0px;
    z-index: -1;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main a.banner-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content {
    /* width: calc(50% - 50px); */
    width: 50%;
    margin-left: 35px;
}   
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title {
    /* color: #FFFFFF; */
    /* font-size: 40px; */
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title span.text2 {
    font-family: "Marcellus", serif;
    font-weight: 400;
}
.banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content a.banner-btn {
    margin-top: 24px;
}

/* pagination css */
.all-page .page-number a:after{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}
.all-page .page-number.style-1 a:after,
.all-page .page-number.style-5 a:after{
    background-color: var(--primary-color);
}
.all-page .page-number.style-2 a:after,
.all-page .page-number.style-3 a:after{
    background-color: #5fa800;
}
.all-page .page-number.style-6 a:after{
    background-color: #73841b;
}
.all-page .page-number.style-7 a:after{
    background-color: #cd7752;
}
.all-page .page-number a:hover:after,
.all-page .page-number a.active:after{
    opacity: 1;
    visibility: visible;
}
.all-page .page-number.style-1 a:hover,
.all-page .page-number.style-1 a.active,
.all-page .page-number.style-5 a:hover,
.all-page .page-number.style-5 a.active{
    color: var(--primary-color);
}
.all-page .page-number.style-2 a:hover,
.all-page .page-number.style-2 a.active,
.all-page .page-number.style-3 a:hover,
.all-page .page-number.style-3 a.active{
    color: #5fa800;
}
.all-page .page-number.style-7 a:hover,
.all-page .page-number.style-7 a.active{
    color: #cd7752;
}
.all-page .page-number a:last-child:after{
    display: none;
}
.all-page span.page-title{
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;
}
.all-page .page-number{
    text-align: center;
    margin-top: 19px;
}
.all-page .page-number a{
    position: relative;
    margin-right: 5px;
}
.all-page .page-number a:after{
    background-color: var(--primary-color);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}
.all-page .page-number a:hover:after,
.all-page .page-number a.active:after{
    opacity: 1;
    visibility: visible;
}
.all-page .page-number a:hover,
.all-page .page-number a.active{
    color: var(--primary-color);
}
.all-page .page-number a:last-child:after{
    display: none;
}

@media (max-width: 1199px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content {
        /* width: calc(50% - 30px); */
        width: 75%;
        margin-left: 30px;
    }
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title {
        font-size: 30px;
    }
}
@media (max-width: 991px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content {
        /* width: calc(50% - 15px); */
        width: 68%;
        margin-left: 15px;
    }
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li .banner-main .banner-content h4.title {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul {
        margin-left: -15px;
    }
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li {
        width: calc(50% - 15px);
        margin-left: 15px;
    }
}
@media (max-width: 600px) {
    .banner-grid-area .banner-grid ul.banner-grid-ul li.banner-grid-li {
        width: calc(100% - 15px);
    }
}



/* blog css start */
/* full-left-right blog details css */
.full-blog-details-style-6 .single-image,
.right-blog-details-style-6 .single-image,
.left-blog-details-style-6 .single-image{
    width: 100%;
    line-height: 0;
}
.full-blog-details-style-6 .single-image iframe,
.right-blog-details-style-6 .single-image iframe,
.left-blog-details-style-6 .single-image iframe{
    width: 100%;
}
.full-blog-details-style-6 .single-blog-content,
.left-blog-details-style-6 .single-blog-content,
.right-blog-details-style-6 .single-blog-content{
    margin-top: 33px;
}
.full-blog-details-style-6 .single-blog-content .single-b-title h4,
.left-blog-details-style-6 .single-blog-content .single-b-title h4,
.right-blog-details-style-6 .single-blog-content .single-b-title h4{
    font-size: 16px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments{
    margin-top: 23px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date{
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c{
    margin-left: 5px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit{
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c{
    margin-left: 5px;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments{
    display: flex;
    align-items: center;
    line-height: 1;
}
.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c{
    margin-left: 5px;
}
.full-blog-details-style-6 .single-blog-content .blog-description,
.left-blog-details-style-6 .single-blog-content .blog-description,
.right-blog-details-style-6 .single-blog-content .blog-description{
    margin-top: 24px;
}
.full-blog-details-style-6 .single-blog-content .blog-description p,
.left-blog-details-style-6 .single-blog-content .blog-description p,
.right-blog-details-style-6 .single-blog-content .blog-description p{
    margin-top: 4px;
    line-height: 22px;
}
.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description{
    margin-top: 24px;
}
.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img{
    float: left;
    margin-right: 30px;
}
.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description{
    font-size: 14px;
    font-weight: 600;
}
.full-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.left-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.right-blog-details-style-6 .single-blog-content .blog-description p.color-description{
    background-color: #f7f7f7;
    font-size: 16px;
    color: #73841b;
    margin: 24px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}
.full-blog-details-style-6 .single-blog-content .blog-info,
.left-blog-details-style-6 .single-blog-content .blog-info,
.right-blog-details-style-6 .single-blog-content .blog-info{
    padding: 30px;
    margin-top: 24px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.full-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left{
    font-size: 30px;
    color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .blog-info h6,
.left-blog-details-style-6 .single-blog-content .blog-info h6,
.right-blog-details-style-6 .single-blog-content .blog-info h6{
    color: #73841b;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}
.full-blog-details-style-6 .single-blog-content .last-video,
.right-blog-details-style-6 .single-blog-content .last-video,
.left-blog-details-style-6 .single-blog-content .last-video{
    margin-top: 30px;
    margin-right: -30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.full-blog-details-style-6 .single-blog-content .last-video .video,
.right-blog-details-style-6 .single-blog-content .last-video .video,
.left-blog-details-style-6 .single-blog-content .last-video .video{
    width: 100%;
    margin-right: 30px;
    line-height: 0;
}
.full-blog-details-style-6 .single-blog-content .last-video .video iframe,
.right-blog-details-style-6 .single-blog-content .last-video .video iframe,
.left-blog-details-style-6 .single-blog-content .last-video .video iframe{
    width: 100%;
}
.full-blog-details-style-6 .single-blog-content .b-link,
.left-blog-details-style-6 .single-blog-content .b-link,
.right-blog-details-style-6 .single-blog-content .b-link{
    margin-top: 30px;
}
.full-blog-details-style-6 .single-blog-content .b-link a,
.left-blog-details-style-6 .single-blog-content .b-link a,
.right-blog-details-style-6 .single-blog-content .b-link a{
    background-color: #73841b;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid #73841b;
    border-radius: 4px;
}
.full-blog-details-style-6 .single-blog-content .b-link a:hover,
.left-blog-details-style-6 .single-blog-content .b-link a:hover,
.right-blog-details-style-6 .single-blog-content .b-link a:hover{
    background-color: transparent;
    color: #000;
    border-color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .blog-social,
.left-blog-details-style-6 .single-blog-content .blog-social,
.right-blog-details-style-6 .single-blog-content .blog-social{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.full-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-6 .single-blog-content .blog-social a.insta,
.full-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.left-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.left-blog-details-style-6 .single-blog-content .blog-social a.insta,
.left-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.right-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.right-blog-details-style-6 .single-blog-content .blog-social a.insta,
.right-blog-details-style-6 .single-blog-content .blog-social a.pinterest{
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.full-blog-details-style-6 .single-blog-content .blog-social a,
.left-blog-details-style-6 .single-blog-content .blog-social a,
.right-blog-details-style-6 .single-blog-content .blog-social a{
    background-color: #f7f7f7;
    color: #222;
}
.full-blog-details-style-6 .single-blog-content .blog-social a:hover,
.left-blog-details-style-6 .single-blog-content .blog-social a:hover,
.right-blog-details-style-6 .single-blog-content .blog-social a:hover{
    background-color: #73841b;
    color: #fff;
}
.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments{
    margin-top: 25px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4{
    font-size: 20px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span{
    color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man{
    width: 45px;
    height: 45px;
    background-color: #73841b;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result{
    display: block;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name{
    margin: 5px 0px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i{
    font-style: normal;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date{
    font-weight: 600;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #73841b;
    margin-left: 30px;
    font-weight: 500;
}
.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title{
    font-weight: 600;
    color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .comments-form,
.left-blog-details-style-6 .single-blog-content .comments-form,
.right-blog-details-style-6 .single-blog-content .comments-form{
    margin-top: 20px;
}
.full-blog-details-style-6 .single-blog-content .comments-form h4,
.left-blog-details-style-6 .single-blog-content .comments-form h4,
.right-blog-details-style-6 .single-blog-content .comments-form h4{
    font-size: 18px;
}
.full-blog-details-style-6 .single-blog-content .comments-form form label,
.left-blog-details-style-6 .single-blog-content .comments-form form label,
.right-blog-details-style-6 .single-blog-content .comments-form form label{
    margin-top: 15px;
    margin-bottom: 5px;
}
.full-blog-details-style-6 .single-blog-content .comments-form form input,
.left-blog-details-style-6 .single-blog-content .comments-form form input,
.right-blog-details-style-6 .single-blog-content .comments-form form input{
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.full-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form input:focus{
    border-color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .comments-form form textarea,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea{
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}
.full-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea:focus{
    border-color: #73841b;
}
.full-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.left-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.right-blog-details-style-6 .single-blog-content .comments-form a.btn-style1{
    margin-top: 15px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments{
    margin-top: 23px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4{
    font-size: 18px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span{
    color: #73841b;
}
/* blog css end */

/* faqs starts */
/* faq page css */
.faq-title {
    margin-bottom: 37px;
}
.faq-title {
    margin-bottom: 45px;
}
.faq-title h1{
    font-size: 30px;
    margin-bottom: 18px;
    text-align: center;
    line-height: 1;  
}
.faq-title p{
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.faq-box{
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}
.faq-box ul.faq-ul{
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: -16px;
}
.faq-box ul.faq-ul li.faq-li{
    margin-top: 16px;
}
.faq-box ul.faq-ul li.faq-li h3{
    font-size: 16px;
    color: #333;
    font-weight: 600; 
}
.faq-box ul.faq-ul li.faq-li h3 span{
    color: #f5ab1e;
}
.faq-box ul.faq-ul li.faq-li span.faq-desc{
    padding-left: 20px;
    margin-top: 6px;
    line-height: 25px;
}
.faq-box a.btn-style1{
    margin: 0 auto;
    margin-top: 22px;
}
/* collapse css */
.faq-start{
    margin-bottom: 30px;
}
.faq-start span{
    background-color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
}
.faq-start a.collapse-title{
    background-color: #f5ab1e;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: block;
    font-weight: 600;
}
.faq-start .collapse-content {
    padding-top: 13px;
}
.faq-start .collapse-content p{
    margin-top: 14px;
}
.faq-start .collapse-content p:first-child{
    margin-top: 0px;
}
/* faqs ends */


/* terms conditions page css */
.privacy-title h1,
.terms-title h1{
    font-size: 30px;
    margin-bottom: 31px;
    text-align: center;
}
.privacy-content ul{
    list-style-type: unset;
}
.privacy-content ul.privacy-policy li:first-child,
.terms-content ul.terms-policy li:first-child {
    margin-top: 0px;
}
.privacy-content ul.privacy-policy li,
.terms-content ul.terms-policy li {
    margin-top: 16px;
}
.privacy-content ul.privacy-policy li h2,
.terms-content ul.terms-policy li h2{
    font-size: 16px;
    color: #222;
}
.privacy-content ul.privacy-policy li h2 p,
.terms-content ul.terms-policy li h2 p{
    color: #f5ab1e;
}
.privacy-content ul.privacy-policy li p.trems-desc,
.terms-content ul.terms-policy li p.trems-desc{
    padding-left: 20px;
    display: block;
    margin-top: 6px;
}


/* Accordion Styles */
.accordion {
    width: 100%;
}

.accordion-button {
    background-color: var(--tertiary-color);
    color: white; /* White text color */
    font-weight: bold;
    border: none;
}
button.accordion-button.collapsed {
    border-radius: 10px !important;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--tertiary-color);
    border-radius: 10px !important;
}

.accordion-button::after {
    display: none; /* Hides the default icon */
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-item {
    border: 0;
    margin-bottom: 30px;
}

/* .accordion-body {
    background-color: #f8f9fa;
} */

/* Smooth Animation for Accordion */
/* .accordion-collapse {
    transition: height 0.4s ease, opacity 0.4s ease;
}

.accordion-collapse.collapsing {
    height: 0;
    opacity: 0;
}

.accordion-collapse.show {
    height: auto;
    opacity: 1;
} */

.accordion {
    width: 100%;
}
.accordion-button {
background-color: var(--tertiary-color);
color: white; /* White text color */
font-weight: bold;
border: none;
}
.accordion-button:not(.collapsed) {
color: var(--primary-color);
background-color: var(--tertiary-color);
border-radius: 10px !important;
}
.accordion-button::after {
display: none; /* Hides the default icon */
}


.accordion-button:focus {
box-shadow: none;
}

.accordion-item {
border: 0;
margin-bottom: 30px;
}

/* .accordion-body {
background-color: #f8f9fa;
} */

.accordion-button.collapsed {
/* background-color: #f8f9fa; */
    color: var(--primary-color);
}

.accordion-button:not(.collapsed)::after {
filter: invert(1); /* Invert the color of the icon for expanded state */
}




.offer-icon {
    font-size: 1.4em;
    color: var(--secondary-color);
  }



/* Common Animation for Adding to Cart/Wishlist */
/* Animation for adding to cart */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.animate-bounce {
    animation: bounce 0.5s ease-in-out;
}




@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-fade {
    animation: fadeIn 0.5s ease-in-out;
}



.notification {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 15px;
    color: #fff;
    border-radius: 5px;
    z-index: 1000;
    font-size: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.notification.success {
    background-color: #4caf50;
}
.notification.error {
    background-color: #f44336;
}

/* Highlight inputs, textareas, and selects with a red border */
input.is-invalid,
textarea.is-invalid,
select.is-invalid {
    border: 1px solid #dc3545 !important;
    border-radius: 4px; /* Optional: add rounded corners */
    outline: none; /* Remove the default outline */
}
.invalid-feedback {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.d-none {
    display: none !important;
}

/* Optional: Add a subtle background color */
/* input.is-invalid:focus,
textarea.is-invalid:focus,
select.is-invalid:focus {
    background-color: #f8d7da !important;
} */



/* Style the button */
.newsletter-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    color: white; /* White text */
    border: none; /* Remove borders */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Add pointer cursor */
    transition: background-color 0.3s ease-in-out; /* Add hover transition */
}

/* form button {
    width: 120px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
} */


/* MENU - STARTS */
/* Location Selector Styles */
    .location-selector {
        padding: 20px 0;
    }

    .section-title {
        color: var(--primary-color);
        font-weight: 600;
        font-size: 1.5rem;
        margin-bottom: 25px;
        position: relative;
        display: inline-block;
    }

    /* .section-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: var(--primary-color);
        bottom: -8px;
        left: 25%;
    } */

    .location-buttons {
        gap: 20px;
    }

    .location-option {
        cursor: pointer;
        transition: all 0.3s ease;
        /* width: 400px; */
    }

    .location-option.active .location-card-menu {
        border-color: var(--primary-color);
        box-shadow: 0 5px 15px rgba(var(--primary-color-rgb), 0.2);
        transform: translateY(-5px);
    }

    .location-card-menu {
        background: white;
        border: 2px solid #e0e0e0;
        border-radius: 12px;
        /* padding: 20px; */
        transition: all 0.3s ease;
    }

    .location-card-menu:hover {
        border-color: var(--primary-color);
    }

    .location-icon {
        width: 50px;
        height: 50px;
        margin: 0 auto 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(var(--primary-color-rgb), 0.1);
        border-radius: 50%;
        color: var(--primary-color);
    }

    .location-name {
        font-weight: 600;
        font-size: 1.1rem;
        margin-bottom: 5px;
        color: #333;
    }

    .location-address {
        font-size: 0.9rem;
        color: #666;
    }

    /* Responsive adjustments */
    @media (max-width: 767.98px) {
        .location-buttons {
            flex-direction: column;
            align-items: center;
        }
        
        .location-option {
            width: 100%;
            /* max-width: 95%; */
            margin-bottom: 15px;
        }
        
        .section-title {
            font-size: 1.3rem;
        }
    }

        /* Loader Styles */
    .loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }

    .loader-spinner {
        border: 5px solid #f3f3f3;
        border-top: 5px solid var(--primary-color);
        border-radius: 50%;
        width: 50px;
        height: 50px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    .loader.hidden {
        opacity: 0;
        pointer-events: none;
    }

    /* Hide all menu categories by default */
    .menu-category {
        display: none;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    /* Show only the active category */
    .menu-category.active {
        display: block;
        opacity: 1;
    }

    .menu-page {
        position: relative;
        /* min-height: 100vh; */
        overflow: hidden;
    }

    .elements {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* Ensure parallax elements don't interfere with clicks */
        pointer-events: none;
    }
    .parallax {
        display: none;
        position: absolute;
        /* width: 150px;
        height: 150px; */
        background-size: cover !important;
        z-index: 1;
        transition: transform 0.1s ease-in-out;
    }
    /* Show parallax elements for the active category */
    .parallax[data-category="brunch"] { 
        display: block; 
    }
    .category-filters {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .category-filters a {
        border-radius: 20px;
        background-color: var(--primary-color);
        color: #fff;
        padding: 7px 25px;
        text-align: center;
        flex: 1;
        margin: 5px;
    }

    .category-filters a.active {
        background-color: var(--secondary-color);
        font-weight: 500;
    }

    .category-filters a:hover {
        background-color: var(--secondary-color);
    }

    .category-filters a:focus {
        box-shadow: none;
    }

    .subcategory {
        margin-bottom: 20px;
    }
    .subcategory h5 {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .subcategory-title {
        font-family: "Dancing Script", serif;
        font-size: 2rem;
        font-weight: 900;
        color: var(--primary-color);
        margin-bottom: 15px;
        border-bottom: 1px solid var(--primary-color);
        padding-bottom: 7px;
    }
        .subcategory-title span {
        font-family: "Arial", sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: var(--primary-color);
    }


    .menu-items {
        position: relative;
        background-color: #f5e7e3;
        border-radius: 10px;
        padding: 30px 20px 10px 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    .menu-items.happy-hours {
        margin-bottom: 1.5rem;
        border: 1px solid var(--primary-color);
    }
    .menu-items.happy-hours h5 {
        color: var(--primary-color);
    }
    .menu-item {
        align-items: stretch;
        overflow: hidden;
        padding: 20px 0 10px 0;
    }

    .menu-column {
        padding: 0 30px 0 12px;
    }

    .image-column {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #eee;
    }

    .food-title {
        font-size: 1rem;
        font-weight: 500;
        margin-right: 10px;
        text-transform: capitalize;
    }

    .food-description {
        font-size: 0.9rem;
        font-style: italic;
        color: #666;
        margin: 0.7rem 0;
        line-height: 1.2;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .price-box {
        background-color: var(--primary-color);
        color: #fff;
        padding: 5px 15px;
    }

    .menu-header {
        position: relative;
        display: flex;
        align-items: center;
    }

    .menu-line {
        flex-grow: 1;
        border: none;
        border-top: 1px solid #000;
        margin: 0 10px;
    }
    .diet-type-icon {
        width: 22px;
        position: absolute;
        top: -12px;
    }

    .diet-type-icon:nth-child(1) {
        right: 78px; /* First image starts on the right */
    }

    .diet-type-icon:nth-child(2) {
        right: calc(78px + 22px + 10px); /* Second image is left of the first */
    }

    .diet-type-icon:nth-child(3) {
        right: calc(78px + 44px + 20px); /* Third image is left of the second */
    }
    .diet-type-icon-info {
        width: 22px;
    }

    .price-box {
        margin-left: 10px;
        font-weight: bold;
        color: #fff;
    }

    .desktop-visibility {
        display: none;
    }
    .mobile-visibility {
        display: block;
    }
    .desktop-table {
        display: table;
    }

    @media (min-width: 992px) {
        /* For large screens and above */
        .row>.col-md-6:nth-child(odd) {
            padding-right: 20px;
        }

        .row>.col-md-6:nth-child(even) {
            padding-left: 20px;
        }

        .desktop-visibility {
            display: block;
        }
        .mobile-visibility {
            display: none;
        }

        .d-lg-block {
        display: block !important;
    }
    
        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
    }

    @media (max-width: 991.98px) {
        /* Reset for smaller screens */
        .row>.col-md-6:nth-child(odd),
        .row>.col-md-6:nth-child(even) {
            padding-right: 10px;
            padding-left: 10px;
        }
    }


    /* Mobile-specific styles */
    @media (max-width: 767.98px) {
        .category-filters {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            /* 2 columns */
            gap: 3px;
            justify-content: center;
            padding: 0 3px;
        }

        .category-filters a {
            flex: none;
            width: 100%;
            font-size: 0.7rem;
            justify-self: center;
            padding: 5px 22px;
        }

        /* Make the last item full width */
        .category-filters a:last-child {
            grid-column: span 1;
            /* Span across 2 columns */
        }

        .subcategory-title {
            font-size: 1.6rem;
        }

        .menu-items {
            margin: 0;
            padding: 20px 10px 0 10px;
        }

        .menu-column {
            padding: 0 12px 0 12px;
        }

        .food-title {
            font-size: 0.8rem;
        }

        .food-description {
            font-size: 0.9rem;
        }

        .price-box {
            font-size: 0.8rem;
            padding: 2px 5px;
        }
        .diet-type-icon {
            top: -20px;
        }
        .diet-type-icon:nth-child(1) {
            left: 0;
        }

        .diet-type-icon:nth-child(2) {
            left: calc(22px + 10px); /* Second image is to the right of the first */
        }

        .diet-type-icon:nth-child(3) {
            left: calc(44px + 20px); /* Third image is to the right of the second */
        }
    }

    /* Media query for MacBook Pro 13-inch (1440x900) */
    @media only screen and (min-width: 1439px) and (max-width: 1441px) {
            section.menu-page {
                background-size: 50%;
            }
        }

    /* Media query for iPad Pro 12.9-inch */
    @media screen and (min-width: 1024px) and (max-width: 1366px)
    {
        .category-filters a {
            font-size: 14px;
        }
    }

    /* Table styling for desktop */
    .desktop-table {
        box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }
    .desktop-table th {
        background-color: var(--tertiary-color);
        color: #222;
        padding: 0.5rem;
    }
    .desktop-table td {
        vertical-align: middle;
        padding: 0.5rem;
    }
    .table-bordered>:not(caption)>* {
        border-width: 0;
    }
    .price-badge {
        background-color: var(--primary-color);
        color: #fff;
        padding: 5px 15px;
        font-weight: bold;
        float: right;
    }
    
    /* Mobile card styling */
    .mobile-card {
        border-left: 4px solid var(--tertiary-color);
        margin-bottom: 1rem;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    .mobile-card .card-header {
        background-color: white;
        font-weight: 600;
        border-bottom: 1px dashed #eee;
    }
    .mobile-price {
        float: right;
        font-size: 0.8rem;
        padding: 2px 5px;
        font-weight: 500;
        color: #fff;
        background-color: var(--primary-color);
        height: fit-content;
    }
/* MENU - ENDS */