@charset "utf-8";
/* ----------------------------------
Name: style.css
Version: 1.0
----------------------------------
Table of contents
Google Font
Body and Default Transitions
Typography
Icon
Background Color
Border Color
Margin
Padding
Custom
OWL Carousel
Button
Form Control
Portfolio and Photo Gallery
Video and Sound
Navbar
Header
Hero Section
Slider
Feature Box
Content
Team

Pricing Table
Contact
Blog
Subscribe
Counter
Clients
Timer
Testimonial
Footer
*/
/*====================================
Google Font
=====================================*/
@import url('https://fonts.googleapis.com/css2?family=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: #d43b3b;
    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;
}

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: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #e2e2e2;
    box-shadow: none;
}

.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none;
}

/* body hidden class */
body.hidden {
    overflow-y: hidden;
    padding-right: 17px;
}

/* btn style 1 css */
.btn-style1 {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: #d43b3b;
    font-weight: 600;
    border-radius: 3px;
    border-color: #d43b3b;
    border: 1px solid #d43b3b;
}

.btn-style1 span {
    position: relative;
    z-index: 2;
}

/* .btn-style1::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
} */

.btn-style1:hover::before {
    background-color: #ae3a3a;
    width: 100%;
    border-radius: 3px;
    border-color: #ae3a3a;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.btn-style1:hover {
    color: #fff;
}

/* btn style 2 css */
.btn-style2 {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 10px 40px;
    background-color: #d43b3b;
    font-weight: 500;
    border-radius: 3px;
    border-color: #d43b3b;
}

.btn-style2 span {
    position: relative;
    z-index: 2;
}

.btn-style2::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.btn-style2:hover::before {
    background-color: #ae3a3a;
    width: 100%;
    border-radius: 3px;
    border-color: #ae3a3a;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.btn-style2:hover {
    color: #fff;
    background-color: #ae3a3a;
    border-color: #ae3a3a;
}

/* btn style 3 css */
.btn-style3 {
    position: relative;
    color: #fff;
    font-size: 13px;
    padding: 12px 25px;
    background-color: #d43b3b;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 3px;
    border-color: #d43b3b;
}

.btn-style3 span {
    position: relative;
    z-index: 2;
}

.btn-style3::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.btn-style3:hover::before {
    background-color: #ae3a3a;
    width: 100%;
    border-radius: 3px;
    border-color: #ae3a3a;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.btn-style3:hover {
    color: #fff;
}

/* mm-fullscreen-bg css */
.mm-fullscreen-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

.mm-fullscreen-bg.active {
    opacity: 1;
    visibility: visible;
}

.mm-fullscreen-bg,
.mm-fullscreen-bg.active {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* section padding css */
.section-t-padding {
    padding-top: 40px;
}

.section-b-padding {
    padding-bottom: 40px;
}

.section-tb-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

.section-tb-padding1 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.section0-t-padding {
    padding-top: 60px;
}

.section0-b-padding {
    padding-bottom: 60px;
}

.section0-tb-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section1-t-padding {
    padding-top: 30px;
}

.section1-b-padding {
    padding-bottom: 30px;
}

.section1-tb-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* section title css */
.left-section-title h4 {
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
}

.left-section-title h4 span {
    color: #d43b3b;
}

.section-title3 h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
    line-height: 1;
}

.section-title3 h2 span {
    position: relative;
}

.section-title3 h2 span::before,
.section-title3 h2 span::after {
    background-color: #d43b3b;
    content: "";
    position: absolute;
    bottom: 50%;
    width: 10px;
    height: 2px;
}

.section-title3 h2 span::before {
    left: -25px;
}

.section-title3 h2 span::after {
    right: -25px;
}

/* container css */
.container {
    max-width: 1220px;
}

/* carousel button css */
.home4-category .home4-cate .owl-nav,
.featured-product .home4-featured .owl-nav,
.home4-barnd-logo .home4-brand .owl-nav {
    margin: 0px;
}

.home4-category .home4-cate .owl-nav button,
.featured-product .home4-featured .owl-nav button,
.home4-barnd-logo .home4-brand .owl-nav button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #d43b3b;
    color: #fff;
    font-size: 20px;
    margin: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
}

.home4-category .home4-cate .owl-nav button:hover,
.featured-product .home4-featured .owl-nav button:hover,
.home4-barnd-logo .home4-brand .owl-nav button:hover {
    background-color: #fff;
    color: #d43b3b;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.featured-product .home4-featured .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.featured-product .home4-featured .owl-nav button.owl-prev {
    left: -15px;
}

.featured-product .home4-featured .owl-nav button.owl-next {
    right: -15px;
}

.home4-category .home4-cate .owl-nav button.owl-prev,
.home4-barnd-logo .home4-brand .owl-nav button.owl-prev {
    left: 10px;
    opacity: 0;
    visibility: hidden;
}

.home4-category .home4-cate .owl-nav button.owl-next,
.home4-barnd-logo .home4-brand .owl-nav button.owl-next {
    right: 10px;
    opacity: 0;
    visibility: hidden;
}

.home4-category .home4-cate:hover .owl-nav button.owl-prev,
.home4-barnd-logo .home4-brand:hover .owl-nav button.owl-prev {
    left: -15px;
    opacity: 1;
    visibility: visible;
}

.home4-category .home4-cate:hover .owl-nav button.owl-next,
.home4-barnd-logo .home4-brand:hover .owl-nav button.owl-next {
    right: -15px;
    opacity: 1;
    visibility: visible;
}

.home4-category .home4-cate .owl-nav button,
.home4-category .home4-cate .owl-nav button,
.home4-barnd-logo .home4-brand .owl-nav button {
    opacity: 1;
    visibility: visible;
}

/* top notification css */
.top-notification-area {
    background-color: #fff;
    padding: 5px 0px;
    border-bottom: 1px solid #ddd;
}

.top-notification-area ul.notification-ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-notification-area ul.notification-ul li.notification-li.social {
    width: 20%;
}

.top-notification-area ul.notification-ul li.notification-li.offer-text {
    position: relative;
    width: 60%;
    text-align: center;
}

.top-notification-area ul.notification-ul li.notification-li.email {
    width: 20%;
    text-align: right;
}

/* top social css */
.top-notification-area ul.notification-ul li.notification-li ul.top-social-ul {
    display: flex;
}

.top-notification-area ul.notification-ul li.notification-li ul.top-social-ul li.top-social-li {
    margin-left: 15px;
}

.top-notification-area ul.notification-ul li.notification-li ul.top-social-ul li.top-social-li:first-child {
    margin-left: 0px;
}

.top-notification-area ul.notification-ul li.notification-li ul.top-social-ul li.top-social-li a {
    color: #000;
    font-size: 16px;
    line-height: 1;
}

.top-notification-area ul.notification-ul li.notification-li ul.top-social-ul li.top-social-li a:hover {
    color: #4b9634;
}

.top-notification-area ul.notification-ul li.notification-li ul.top-social-ul li.top-social-li a i {}

/* slider offer text css */
.top-notification-area ul.notification-ul li.notification-li .slider-text {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-notification-area ul.notification-ul li.notification-li .slider-text p,
.top-notification-area ul.notification-ul li.notification-li .slider-text a {
    color: #ff0000;
    font-size: 14px;
    font-weight: 400;
}

.top-notification-area ul.notification-ul li.notification-li .slider-text a {
    margin-left: 5px;
}

.top-notification-area ul.notification-ul li.notification-li .slider-text a:hover {
    color: #4b9634;
    text-decoration: underline;
}

.top-notification-area ul.notification-ul li.notification-li.offer-text .swiper-button button {
    color: #202020;
    font-size: 14px;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    z-index: 2;
    background: transparent;
}

.top-notification-area ul.notification-ul li.notification-li.offer-text .swiper-button button.notification-button-prev {
    left: 15px;
}

.top-notification-area ul.notification-ul li.notification-li.offer-text .swiper-button button.notification-button-next {
    right: 15px;
}

/* email css */
.top-notification-area ul.notification-ul li.notification-li .contact-text {}

.top-notification-area ul.notification-ul li.notification-li .contact-text a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.top-notification-area ul.notification-ul li.notification-li .contact-text a:hover {
    color: #4b9634;
    text-decoration: underline;
}

/* header top css */
.header-main-area {
    background-color: #fff;
}

.header-main-area.is-sticky {
    background-color: #ffffff;
}

@media (max-width: 568px) {
    .home8-slider .home-10-slider .slider-image .slider-text h1.title {
        font-size: 42px !important;
    }
    .footer-logo .logo-alt, .header-element .logo-alt {
        max-height: 60px !important;
    }
    .contact-6 {
        width: 100% !important;
    }
    .tr-pro-img a img {
        height: 180px !important;
    }
    .cate-image a img {
        height: 150px !important;
    }
    .user-wrap {
        display: none;
    }
}

@media (max-width: 768px) {
    .top-notification-area ul.notification-ul li.notification-li.email {
        display: none;
    }

    .top-notification-area ul.notification-ul li.notification-li.social {
        display: none;
    }

    .top-notification-area ul.notification-ul li.notification-li.offer-text {
        width: 100%;
    }

    .news-letter {
        display: none;
    }
}

@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 {
    padding: 10px 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: 58%;
}

.header-main-area .header-main .header-element.header-search form {
    position: relative;
}

.header-main-area .header-main .header-element.header-search form input {
    width: 100%;
    border: 2px solid #5fa800;
    border-radius: 3px;
    height: 45px;
    padding: 8px 10px;
}

.header-main-area .header-main .header-element.header-search form .search-btn {
    background-color: #5fa800;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 45px;
    font-size: 18px;
    border: 2px solid #5fa800;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 3px 3px 0px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.header-main-area .header-main .header-element.header-search form .search-btn:hover {
    color: #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;
}

/* 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: 22%;
}

.header-main .header-element.right-block-box ul.shop-element li.nav-toggler {
    display: none;
    line-height: 0;
}

.header-main-area .header-main .header-element.right-block-box ul.shop-element li.search-wrap {
    position: relative;
    display: none;
}

.header-main-area .header-main .header-element.right-block-box ul.shop-element li.search-wrap .search-rap a.search-popuup {
    display: block;
    font-size: 30px;
    line-height: 0;
}

.modal#search-modal .modal-dialog {
    margin: 0px;
}

.modal#search-modal .modal-dialog .modal.fade {
    padding-right: 0px !important;
}

.modal#search-modal .modal-dialog .modal-dialog {
    margin: 0px;
    max-width: 100%;
}

.modal#search-modal .modal-dialog .modal-content {
    background-color: #fff;
    border: none;
    border-radius: 0px;
}

.modal#search-modal .modal-dialog .modal-body {
    display: flex;
    align-items: center;
    padding: 10px 0px;
}

.modal#search-modal .modal-dialog .search-content {
    display: flex;
    align-items: center;
}

.modal#search-modal .modal-dialog .search-content .search-engine {
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.modal#search-modal .modal-dialog .search-content .search-engine input {
    height: 40px;
    width: 100%;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
}

.modal#search-modal .modal-dialog .search-content .search-engine .search-btn {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    width: 40px;
    background-color: #222;
    border: none;
    border-radius: 3px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal#search-modal .modal-dialog .search-content button.close {
    float: none;
    display: block;
    background-color: transparent;
    color: #000;
    font-size: 18px;
    margin-left: 10px;
    opacity: 1;
    line-height: 0;
}

.modal#search-modal .modal-dialog .search-content button.close:hover {
    color: #d43b3b;
}

/* right block css */
.right-block-box {
    display: flex;
    justify-content: flex-end;
}

.right-block-box ul.shop-element {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.right-block-box ul.shop-element li.side-wrap {
    position: relative;
    margin-left: 10px;
}

.right-block-box ul.shop-element li.side-wrap:first-child {
    margin-left: 0;
}

/* wishlist css */
.wishlist-wrap a.header-wishlist {
    display: block;
    position: relative;
}

.wishlist-wrap a.header-wishlist span.wishlist-icon {
    display: block;
    font-size: 20px;
    margin-right: 10px;
}

.wishlist-wrap a.header-wishlist span.wishlist-counter {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 15px;
    top: 0px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #d43b3b;
    font-weight: 500;
    border-radius: 100%;
}

/* cart css */
.shopping-widget .shopping-cart a.cart-count {
    display: block;
}

.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon {
    display: block;
    font-size: 20px;
}

.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.bigcounter {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 15px;
    top: 0px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #d43b3b;
    font-weight: 500;
    border-radius: 100%;
}

.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-price {
    font-size: 12px;
    margin-left: 15px;
}

/* mini cart css */
.mini-cart {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 16px 26px -10px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

.mini-cart.show {
    right: 0px;
    opacity: 1;
    visibility: visible;
}

.mini-cart,
.mini-cart.show {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.mini-cart a.shopping-cart-close {
    position: absolute;
    top: 15px;
    right: 10px;
    line-height: 0px;
}

.mini-cart .cart-item-title p {
    padding: 10px 15px;
    font-weight: 600;
}

.mini-cart .cart-item-title p span.cart-count-item {
    color: #d43b3b;
}

.mini-cart ul.cart-item-loop {
    max-height: calc(100% - 219px);
    overflow-y: auto;
    border-top: 1px solid #eee;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar {
    width: 5px;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-track {
    background-color: #eee;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb:hover {
    background-color: #f5ab1e;
}

.mini-cart ul.cart-item-loop li.cart-item {
    display: flex;
    padding: 15px;
    border-top: 1px solid #eee;
}

.mini-cart ul.cart-item-loop li.cart-item:first-child {
    border-top: none;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-img {
    width: 60px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title {
    width: calc(100% - 75px);
    margin-left: 15px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
    line-height: 1;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price span.price-box {
    font-weight: 600;
}

.mini-cart ul.subtotal-title-area {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
}

.mini-cart ul.subtotal-title-area li.subtotal-info {
    padding: 10px 15px;
    border-top: 1px solid #eee;
}

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles h6 {
    font-size: 14px;
    font-weight: 600;
}

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles .subtotal-price {
    color: #d43b3b;
    margin-top: 0;
    font-weight: 600;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns {
    padding: 15px;
    border-top: 1px solid #eee;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns {
    display: flex;
    flex-direction: column;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a {
    width: 100%;
    margin-top: 15px;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a:first-child {
    margin-top: 0;
}

/* menu css */
.menu-area {
    background-color: #4b9634;
}

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

/* main-menu css */
.megamenu-content {
    position: relative;
    width: 80%;
    margin-right: 20px;
}

.megamenu-content .mainwrap ul.main-menu {
    display: flex;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
    position: relative;
    color: #fff;
    padding: 8px 15px;
    display: block;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i {
    font-size: 14px;
    margin-left: 4px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot {
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    position: absolute;
    right: 10px;
    top: -12px;
    background-color: #f4ab1e;
    transform: translateX(100%);
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 3px;
    line-height: 1;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    border-left: 4px solid #f4ab1e;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.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 a.link-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    width: 1px;
    height: 25px;
    background: rgb(255, 255, 255, 30%);
}

.megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title {
    padding-left: 0px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link:first-child a.link-title::after {
    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: 10;
    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: 200px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu {
    width: 94vw;
    left: 0px;
    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: 16%;
    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: 14px;
    color: #d43b3b;
}

.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%;
}

.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: 220px;
}

.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;
}

/* hotline css */
.offer {
    width: 20%;
}

.offer a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.offer a i {
    font-size: 20px;
    margin-right: 10px;
}

/* header-bottom css */
.header-bottom-area {
    background-color: #fff;
    display: none;
}

.header-bottom-area .main-menu-area {
    position: relative;
}

.header-bottom-area .main-menu-area .main-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-bottom-area .main-menu-area .main-navigation .navbar-collapse {
    width: 75%;
}

.header-bottom-area .main-menu-area .main-navigation .img-hotline {
    width: 25%;
}

/* box-header css */
.main-menu-area .main-navigation .box-header {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    line-height: 0;
}

.main-menu-area .main-navigation .box-header button {
    font-size: 18px;
    background-color: transparent;
    line-height: 0;
}

/* slider css */
.home8-slider .home-10-slider {
    position: relative;
}

.home8-slider .home-10-slider .slider-image {
    height: 580px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home8-slider .home-10-slider .slider-image .slider-text {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 10%;
}

.home8-slider .home-10-slider .slider-image .slider-text span.sub-title {
    color: #ee6c4d;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 400;
}

.home8-slider .home-10-slider .slider-image .slider-text h1.title {
    color: #333;
    font-size: 70px;
    line-height: 1;
    font-weight: 800;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
}

.home8-slider .home-10-slider .slider-image .slider-text h1.title span.text {
    font-weight: 400;
    margin-top: 15px;
    text-transform: capitalize;
}

.home8-slider .home-10-slider .slider-image .slider-text a.slider-btn {
    margin-top: 60px;
}

.home8-slider .home-10-slider .owl-stage-outer .owl-stage .owl-item.active .slider-text span.sub-title,
.home8-slider .home-10-slider .owl-stage-outer .owl-stage .owl-item.active .slider-text h1.title,
.home8-slider .home-10-slider .owl-stage-outer .owl-stage .owl-item.active .slider-text a.slider-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.home8-slider .home-10-slider .owl-stage-outer .owl-stage .owl-item.active .slider-text span.sub-title {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 0.7s;
}

.home8-slider .home-10-slider .owl-stage-outer .owl-stage .owl-item.active .slider-text h1.title {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-duration: 1.0s;
}

.home8-slider .home-10-slider .owl-stage-outer .owl-stage .owl-item.active .slider-text a.slider-btn {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.3s;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}

.home8-slider .home-10-slider .owl-nav {
    margin-top: 0px;
}

.home8-slider .home-10-slider .owl-nav button {
    background-color: #fff;
    color: #333;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    margin: 0px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home8-slider .home-10-slider .owl-nav button:hover {
    background-color: #ee6c4d;
    color: #fff;
}

.home8-slider .home-10-slider .owl-nav button.owl-prev {
    left: 30px;
}

.home8-slider .home-10-slider .owl-nav button.owl-next {
    right: 30px;
}

/* service css */
.service4-section {
    position: relative;
    z-index: 1;
}

.service4-section .service {
    background-color: #fff;
    margin-top: -90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e2e2;
}

.service4-section .service .service-box {
    width: 33.33%;
    padding: 30px 0px 30px 30px;
}

.service4-section .service .service-box .s-box .service-img a {
    position: relative;
}

.service4-section .service .service-box:hover .s-box .service-img a {
    background-color: #d43b3b;
}

.service4-section .service .service-box:hover .s-box .service-img a:after,
.service4-section .service .service-box:hover .s-box .service-img a:before {
    background-color: #fff;
}

.service4-section .service .service-box .s-box .service-img a:after,
.service4-section .service .service-box .s-box .service-img a:before {
    mix-blend-mode: difference;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.service4-section .service .service-box:hover .s-box .service-img a img {
    position: relative;
}

.service4-section .service .service-box .s-box {
    display: block;
    text-align: center;
    border-right: 1px solid #e2e2e2;
    padding-right: 30px;
}

.service4-section .service .service-box:last-child .s-box {
    border-right: none;
}

.service4-section .service .service-box .s-box .service-img a {
    background-color: #f7f7f7;
    padding: 14px;
    border-radius: 50%;
}

.service4-section .service .service-box .s-box .service-content span {
    color: #000;
    margin-top: 19px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.service4-section .service .service-box .s-box .service-content p {
    color: #999;
    font-size: 14px;
    margin-top: 7px;
}

/* Swiper button css */
.tab-pro-slider {
    position: relative;
}

.tab-pro-slider .swiper-buttons {
    height: calc(100%);
    height: -o-calc(100%);
    height: -ms-calc(100%);
    height: -moz-calc(100%);
    height: -webkit-calc(100%);
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.tab-pro-slider .swiper-buttons .content-buttons {
    height: 100%;
}

.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev {
    background-color: #d43b3b;
}

.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev {
    background-image: none;
    height: 30px;
    width: 30px;
    display: flex;
    border-radius: 3px;
    color: #fff;
    opacity: 1;
    font-size: 20px;
    box-shadow: 0px 0px 12px 0px rgba(123, 190, 70, 0.1);
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next:hover,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev:hover,
.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next:focus {
    outline: none;
}

.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next {
    right: -15px;
}

.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev {
    left: -15px;
}

.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-next:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 800;
}

.tab-pro-slider .swiper-buttons .content-buttons .swiper-button-prev:after {
    content: "\f104";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 800;
}

/* our products tab css */
.pro-tab ul.nav.nav-tabs {
    border-bottom: none;
    justify-content: center;
    margin-bottom: 40px;
}

.pro-tab ul.nav.nav-tabs li.nav-item {
    margin-right: 60px;
}

.pro-tab ul.nav.nav-tabs li.nav-item a.nav-link {
    color: #949494;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.pro-tab ul.nav.nav-tabs li.nav-item:last-child {
    margin-right: 0px;
}

.pro-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.pro-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover {
    color: #d43b3b;
    border-bottom: 1px solid #d43b3b;
    border-color: #fff #fff #d43b3b #fff;
}

.tab-product .tred-pro {
    position: relative;
}

.tab-product .tred-pro .Pro-lable span.p-text,
.tab-product .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.tab-product .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: #d43b3b;
}

.tab-product .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #f4ab1e;
}

.tab-product .tab-caption {
    margin-top: 15px;
    text-align: center;
}

.tab-product .tab-caption .pro-icn {
    margin-top: 8px;
}

.tab-product .tab-caption .pro-icn a.w-c-q-icn i {
    background-color: #d43b3b;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.tab-product .tab-caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.tab-product:hover a {
    color: #d43b3b;
    text-decoration: none;
}

.tab-product .tab-caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-size: 16px;

}

.tab-product .tab-caption .rating {
    margin-top: 14px;
    line-height: 1;
}

.tab-product .tab-caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.tab-product .tab-caption .rating i.b-star,
.tab-product .tab-caption .rating i.c-star,
.tab-product .tab-caption .rating i.d-star,
.tab-product .tab-caption .rating i.e-star {
    color: #ffb503;
}

.tab-product .tab-caption .rating i:last-child {
    margin-right: 0px;
}

.tab-product .tab-caption .pro-price {
    margin-top: 14px;
}

.tab-product .tab-caption .pro-price span.new-price {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.tab-product .tab-caption .pro-price span.old-price {
    color: #999;
    font-size: 13px;
    line-height: 1;
}

/* additional image css */
.tab-product .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}

.tab-product .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.tab-product .tred-pro:hover ul.contdown_row {
    opacity: 0;
    visibility: hidden;
}

.tab-product .tred-pro .tr-pro-img a img.additional-image,
.tab-product .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* timer */
ul.contdown_row {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    background-color: #d43b3b;
    margin: 0 15px;
    border-radius: 4px;
}

ul.contdown_row li.countdown_section {
    position: relative;
    width: 48px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

ul.contdown_row li.countdown_section:last-child {
    margin-right: 0px;
}

ul.contdown_row li.countdown_section span.countdown_timer {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

ul.contdown_row li.countdown_section span.countdown_title {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
}

ul.contdown_row li.countdown_section:before {
    content: ":";
    position: absolute;
    right: -5px;
    bottom: 50%;
    transform: translateY(50%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

ul.contdown_row li.countdown_section:last-child:before {
    display: none;
}

/* Banner grid css */
.home4-grid-banner .organic-food-fresh-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner {
    position: relative;
    width: 50%;
    margin-right: 30px;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner:last-child {
    margin-right: 0px;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 9;
    opacity: 0;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before {
    -webkit-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after {
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover::after,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::before,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover::after {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover {
    display: block;
    position: relative;
    overflow: hidden;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner a.banner-hover img,
.home4-grid-banner .organic-food-fresh-banner .offer-banner:hover a.banner-hover img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.home4-grid-banner .organic-food-fresh-banner .offer-banner .banner-content {
    position: absolute;
    bottom: 50%;
    left: 20px;
    transform: translateY(50%);
    width: 50%;
    z-index: 20;
}

.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content span.b-title {
    color: #333;
    line-height: 1;
    text-transform: uppercase;
}

.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content h2 {
    color: #333;
    font-size: 24px;
    margin-top: 5px;
    font-weight: 600;
}

.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content p {
    color: #333;
    margin-top: 5px;
}

.home4-grid-banner .organic-food-fresh-banner .banner-1 .banner-content a {
    margin-top: 13px;
}

.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content span.b-title {
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
}

.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content h2 {
    color: #fff;
    margin-top: 5px;
    font-size: 24px;
}

.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content p {
    color: #fff;
    margin-top: 5px;
}

.home4-grid-banner .organic-food-fresh-banner .banner-2 .banner-content a {
    margin-top: 13px;
}

/* category image css */
.home4-category .home4-cate .cate-image a {
    position: relative;
    display: block;
        font-weight: 600;
    font-size: 16px;

}

.home4-category .home4-cate .cate-image a::before {
    /*background-color: #ffffff;*/
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    visibility: visible;
}

.home4-category .home4-cate .cate-image:hover a::before {
    opacity: 0.5;
    visibility: visible;
}

.home4-category .home4-cate .cate-image a::before,
.home4-category .home4-cate .cate-image:hover a::before {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.home4-category .home4-cate .cate-image a img {
    border: 1px solid #e5e5e5;
}

.home4-category .home4-cate .cate-image span.cate-item {
    background-color: #d43b3b;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 8px;
    font-size: 12px;
}

.home4-category .home4-cate .cate-image a span.cate-title {
    color: #232323;
    font-weight: 500;
    position: absolute;
    bottom: 1%;
    text-align: center;
    height: auto;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.home4-category .home4-cate .cate-image:hover a span.cate-title {
    bottom: 15px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* featured Products css */
.tred-pro {
    position: relative;
}

.tred-pro .tr-pro-img a {
    display: block;
}

.tred-pro .tr-pro-img a img {
    backface-visibility: hidden;
}

.tred-pro:hover ul.contdown_row {
    opacity: 0;
    visibility: hidden;
}

.tred-pro .Pro-lable span.p-text,
.tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    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: #d43b3b;
}

.tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left:65px;
    right: 0px;
    text-align: center;
    margin: 0px auto;
}

.tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.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 {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tred-pro .pro-icn a.w-c-q-icn {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 4px;
    -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 form button.w-c-q-icn {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 4px;
    -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:hover .pro-icn form button.w-c-q-icn {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


.tred-pro .pro-icn form button.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.tred-pro .pro-icn form button.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.tred-pro:hover .pro-icn form button.w-c-q-icn:first-child {
    margin-right: 15px;
}

.tred-pro:hover .pro-icn form button.w-c-q-icn:last-child {
    margin-left: 25px;
}

.tred-pro .pro-icn form button.w-c-q-icn:hover {
    background-color: #d43b3b;
}

.tred-pro:hover .pro-icn form button.w-c-q-icn {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.tred-pro .pro-icn form button.w-c-q-icn::after {
    background-color: #d43b3b;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.tred-pro .pro-icn form button.w-c-q-icn:hover {
    color: #fff;
}

.tred-pro .pro-icn form button.w-c-q-icn:hover::after {
    background-color: #d43b3b;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}





.tred-pro .pro-icn a.w-c-q-icn:hover {
    background-color: #d43b3b;
}

.tred-pro:hover .pro-icn a.w-c-q-icn {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.tred-pro .pro-icn a.w-c-q-icn::after {
    background-color: #d43b3b;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.tred-pro .pro-icn a.w-c-q-icn:hover {
    color: #fff;
}

.tred-pro .pro-icn a.w-c-q-icn:hover::after {
    background-color: #d43b3b;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.caption {
    padding-top: 15px;
    text-align: center;
}

.caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
        font-weight: 600;
    font-size: 16px;

}

.caption .rating {
    margin-top: 11px;
}

.caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star {
    color: #ffb503;
}

.caption .rating i:last-child {
    margin-right: 0px;
}

.caption .pro-price {
    margin-top: 11px;
}

.caption .pro-price span.new-price {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.caption .pro-price span.old-price {
    color: #999;
    font-size: 13px;
    line-height: 1;
}

/* additional image css */
.tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.tred-pro .tr-pro-img a img.additional-image,
.tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* brand css */
.home4-barnd-logo .home4-brand img.brand-4 {
    width: 75%;
    margin: 0 auto;
}

/* quick view css */
.quick-view .modal .modal-dialog {
    max-width: 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;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider li {}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image ul.quick-slider li a {
    padding: 0px;
    border: none;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption h4 {
    font-size: 18px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price {
    margin-top: 10px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.new-price {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 700;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price span.old-price {
    color: #999;
    font-size: 14px;
    font-weight: 500;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating {
    margin-top: 10px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i {
    font-size: 16px;
    color: #999;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating i.c-star {
    color: #f5ab1e;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-description p {
    color: #999;
    font-size: 13px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size {
    margin-top: 10px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size label {
    font-weight: 600;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .pro-size select {
    margin-left: 10px;
    padding: 8px 12px;
    border: 1px solid #eee;
    border-radius: 4px;
    text-transform: uppercase;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span {
    display: flex;
    border: 1px solid #eee;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus span input {
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-cart,
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-wishlist {
    width: 40px;
    height: 40px;
    background-color: #d43b3b;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #d43b3b;
    border-radius: 4px;
}

.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-cart:hover,
.quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .plus-minus a.quick-wishlist:hover {
    color: #d43b3b;
    background-color: transparent;
}

/* header style-4 products css */
.header-style-4-pro {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.header-style-4-pro .header-product {
    width: calc(20% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.header-style-4-pro .header-product:nth-child(1),
.header-style-4-pro .header-product:nth-child(2),
.header-style-4-pro .header-product:nth-child(3),
.header-style-4-pro .header-product:nth-child(4),
.header-style-4-pro .header-product:nth-child(5) {
    margin-top: 0px;
}

/* footer style-4 product css */
.footer-style-4-pro {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.footer-style-4-pro .header-product {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.footer-style-4-pro .header-product:nth-child(1),
.footer-style-4-pro .header-product:nth-child(2) {
    margin-top: 0px;
}

.footer-style-4-pro .header-product .tred-pro {
    width: 40%;
}

.footer-style-4-pro .header-product .caption {
    width: calc(60% - 20px);
    margin-left: 20px;
    padding-top: 0px;
    text-align: left;
}

.footer-style-4-pro .header-product .caption h3 a {
    font-weight: 600;
}

.footer-style-4-pro .header-product .caption span.pro-des {
    margin-top: 7px;
}

.footer-style-4-pro .header-product .caption .rating {
    margin-top: 11px;
}

.footer-style-4-pro .header-product .caption .pro-price {
    margin-top: 10px;
}

.footer-style-4-pro .header-product .caption .pro-icn {
    position: unset;
    margin-top: 14px;
}

.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn {
    position: relative;
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn:hover {
    background-color: #d43b3b;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn::after {
    background-color: #d43b3b;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn:hover {
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.footer-style-4-pro .header-product .caption .pro-icn a.w-c-q-icn:hover::after {
    background-color: #d43b3b;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

/*--------------------------
footer css
---------------------------*/
/* company detail css */
.footer4 {
    border-top: 1px solid #e2e2e2;
}

.home4-footer {
    display: flex;
}

.f-logo {
    width: 30%;
}

.f-logo ul.footer-ul {
    flex-direction: column;
}

.f-logo ul.footer-ul li.footer-logo p {
    color: #1a1a1a;
    margin-top: 14px;
    margin-bottom: 21px;
    margin-right: 30px;
}

/* footer bottom css */
.footer-bottom {
    width: 40%;
}

.footer-link {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
}

.footer-link .f-link {
    width: calc(32.8% - 15px);
    margin-left: 15px;
}

.footer-link .f-link .h-footer {
    color: #000;
    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: 22px;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li {
    margin-top: 9px;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li a {
    color: #999;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li a:hover {
    color: #d43b3b;
}

@media (min-width: 568px) {
    .contact-6 {
        margin-left: 30px;
    }
    .footer-bottom , .contact-6 {
        margin-top: 40px;
    }
    .footer-link .f-link:nth-child(2) {
        padding-left: 18px;
    }
    .footer-copyright ul.f-bottom li.f-c {
        margin: 8px 0px;
    }
}

.contact-6 {
    width: 30%;
}

.contact-6 .f-deal-content h2 {
    color: #000;
    font-size: 16px;
    line-height: 1;
}

.contact-6 .f-deal-content {
    margin-bottom: 21px;
}

.contact-6 ul.f-contact {
    margin-top: 7px;
    display: flex;
}

.contact-6 ul.f-contact li.contact-link {
    margin-left: 15px;
}

.contact-6 ul.f-contact li.contact-link p {
    color: #1a1a1a;
    margin-top: 1px;
}

.contact-6 ul.f-contact li.contact-link a {
    color: #1a1a1a;
    margin-top: 5px;
    display: block;
}

.contact-6 ul.f-contact li.contact-link a:first-child {
    margin-top: 0px;
}

.contact-6 ul.f-contact li.contact-link a:hover {
    color: #d43b3b;
}

.contact-6 ul.f-contact li i {
    color: #d43b3b;
    font-size: 20px;
}

/* footer copyright css */
.footer-copyright {
    background-color: #d43b3b;
}

.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: 50%;
}

.footer-copyright ul.f-bottom li.f-copyright p {
    color: #fff;
    font-size: 13px;
}

.footer-copyright ul.f-bottom li.f-copyright p {
    color: #fff;
    font-size: 12px;
}

.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: #d43b3b;
    font-size: 16px;
    height: 37px;
    width: 37px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid #d43b3b;
    border-radius: 4px;
}

a.scroll:hover span {
    color: #fff;
    background-color: #d43b3b;
}

a.scroll span,
a.scroll:hover span {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* popup css start */
.vegist-popup .modal-dialog {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%) !important;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.vegist-popup.animated {
    animation-duration: 2s;
}

.vegist-popup .modal-dialog .modal-content .modal-body {
    padding: 0px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content {
    position: relative;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content:before {
    background-color: #fff;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content a.close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter {
    padding: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content {
    position: relative;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content h4 {
    font-size: 20px;
    margin-top: 12px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .logo-content span {
    font-size: 14px;
    font-weight: 400;
    margin-top: 7px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area {
    margin-top: 24px;
    position: relative;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area input {
    width: 100%;
    padding: 8px 15px;
    background-color: #f7f7f7;
    border-color: #eee;
    border-radius: 4px;
}

.vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter .subscribe-area a {
    margin-top: 20px;
}

/* breadcumb css */
.breadcrumb-area {
    background-color: #fafafa;
    padding: 15px 0px;
}

.breadcrumb-area .breadcrumb-start ul.breadcrumb-url {
    display: flex;
    align-items: center;
}

.breadcrumb-area .breadcrumb-start ul.breadcrumb-url li.breadcrumb-url-li a {
    color: #717171;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #d6d6d6;
}

.breadcrumb-area .breadcrumb-start ul.breadcrumb-url li.breadcrumb-url-li span {
    color: #d43b3b;
    font-size: 14px;
}

/* product page css */
.pro-page .pro-image {
    display: flex;
}

.pro-page .pro-image .larg-image a.long-img {
    margin-bottom: 15px;
    cursor: crosshair;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider {
    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 #d43b3b;
    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: #d43b3b;
}

.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;
}
.pro-page .pro-image .pro-info h1 {
    font-size: 18px;
}

.pro-page .pro-image .pro-info .rating {
    margin-top: 15px;
    padding-top: 19px;
    border-top: 1px solid #ededed;
}

.pro-page .pro-image .pro-info .rating i {
    color: #ccc;
    font-size: 18px;
}

.pro-page .pro-image .pro-info .rating i.d-star {
    color: #f5ab1e;
}

.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: #d43b3b;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .pro-price {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.pro-page .pro-image .pro-info .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    /*margin-left: 5px;*/
}

.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: #d43b3b;
    font-size: 13px;
    color: #fff;
    margin-left: 10px;
    padding: 2px 16px 2px 5px;
    transform: rotate(0deg);
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);*/
    clip-path: polygon(0 0, 100% 0, 86% 52%, 100% 100%, 0 100%, 0% 50%);
}

.pro-page .pro-image .pro-info span.pro-details {
    margin-top: 20px;
    font-size: 14px;
}

.pro-page .pro-image .pro-info span.pro-details span.pro-number {
    color: #d43b3b;
    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 {
    margin-left: 15px;
    display: flex;
    flex-wrap: wrap;
}

.pro-page .pro-image .pro-info .pro-items ul.pro-wight li {
    margin-right: 15px;
}

.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a {
    color: #adadad;
    padding: 2px 8px;
    border-bottom: 2px solid #adadad;
}

.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;
}

.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: 4px;
}

.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: 4px;
}

.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: #d43b3b;
}

.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: 600;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.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: 30px;
    height: 30px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus input {
    width: 50px;
    height: 30px;
    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: 27px;
}

.pro-page .pro-image .pro-info .pro-btn a.btn-style1 {
    margin-right: 5px;
}

.pro-page .pro-image .pro-info .pro-btn a.btn-style1:last-child {
    margin-right: 0px;
}
.pro-page .pro-image .pro-info .pro-btn form button.btn-style1 {
    margin-right: 5px;
}

.pro-page .pro-image .pro-info .pro-btn form button.btn-style1:last-child {
    margin-right: 0px;
}

.pro-page .pro-image .pro-info .share {
    margin-top: 28px;
    font-size: 14px;
    margin-right: 5px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.pro-page .pro-image .pro-info .share ul.share-icn {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.pro-page .pro-image .pro-info .share ul.share-icn li {
    margin-right: 14px;
}

.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;
}

/* product zoom 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%;
}

/* 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: 500;
    padding: 0px;
    border: none;
    margin-bottom: 0px;
    letter-spacing: 0;
    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: #d43b3b;
    border-bottom: 1px solid #d43b3b;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane 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-1content ul.tab-description li:first-child {
    margin-top: 0px;
}

.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;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content ul.tab-description li:first-child {
    margin-top: 0px;
}

/* 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: #f5ab1e;
    font-size: 18px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews p.review-desck {
    font-size: 13px;
    margin-top: 9px;
    margin-bottom: 9px;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews a {
    color: #d43b3b;
    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;
}

/*=====================================
    offer text css
======================================*/
.offer-text-area .marquee-wrap {
    background: linear-gradient(90deg, #fff0d9 15%, #ffc194 83%);
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 12px 0;
}

.offer-text-area .marquee-wrap:hover .marquee1,
.offer-text-area .marquee-wrap:hover .marquee2 {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.offer-text-area .marquee-wrap .marquee1 {
    -webkit-animation: marquee1 100s linear infinite;
    animation: marquee1 100s linear infinite;
    -webkit-animation-delay: -100s;
    animation-delay: -100s;
}

.offer-text-area .marquee-wrap .marquee2 {
    -webkit-animation: marquee2 100s linear infinite;
    animation: marquee2 100s linear infinite;
    -webkit-animation-delay: -50s;
    animation-delay: -50s;
}

@-webkit-keyframes marquee1 {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@-moz-keyframes marquee1 {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee1 {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes marquee2 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-200%);
    }
}

@-moz-keyframes marquee2 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-200%);
    }
}

@keyframes marquee2 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-200%);
    }
}

.offer-text-area .marquee-wrap .offer-text-block ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.offer-text-area .marquee-wrap .offer-text-block ul li {
    margin-left: 60px;
    padding-left: 60px;
    width: max-content;
    position: relative;
    display: flex;
    align-items: center;
}

.offer-text-area .marquee-wrap .offer-text-block ul li::before {
    color: #43b18a;
    content: "\f000";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: 16px;
    line-height: 1;
    left: -5px;
}

.offer-text-area .marquee-wrap .offer-text-block ul li .custom-text span {
    font-weight: 700;
    text-transform: uppercase;
}

.offer-text-area .marquee-wrap .offer-text-block ul li .custom-text span span.n-text {
    font-weight: 400;
    text-transform: none;
}

/* news letter css */
.news-letter {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-letter .news-content {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.news-letter .news-content h4 {
    font-size: 20px;
    margin-bottom: 12px;
    line-height: 1;
}

.news-letter .news-content .news-input {
    margin-top: 14px;
}

.news-letter .news-content .news-input form {
    position: relative;
    width: 80%;
    margin: 0 auto;
}

.news-letter .news-content .news-input form input {
    width: 100%;
    height: 45px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
}

.news-letter .news-content .news-input form a {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%
}

/*.news-letter .news-content .news-input form a:hover {*/
/*    color: white;*/
/*}*/

/* Testimonial css */
.testimonial2-bg .home2-testi .owl-nav {
    margin-top: 0;
}

.testimonial2-bg .home2-testi .owl-nav button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #d43b3b;
    color: #fff;
    font-size: 20px;
    margin: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
}

.testimonial2-bg .home2-testi .owl-nav button:hover {
    background-color: #fff;
    color: #d43b3b;
}

.testimonial2-bg .home2-testi .owl-nav button.owl-prev {
    left: 10px;
}

.testimonial2-bg .home2-testi .owl-nav button.owl-next {
    right: 10px;
}

.testimonial2-bg .home2-testi .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.testimonial2-bg .home2-testi .owl-nav button:hover {
    background-color: #fff;
    color: #d43b3b;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.testimonial2-bg .home2-testi .owl-nav button.owl-prev {
    left: -10px;
}

.testimonial2-bg .home2-testi .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: #5fa800;
    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;
}

/* Testimonial css */
.testimonial2-bg {
    background-color: #f9f9f9;
}

.testimonial2-bg .home2-testi .testimonial-area {
    width: 65%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.testimonial2-bg .home2-testi .testimonial-area:before {
    content: "\f10d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    font-weight: 900;
    background-color: #5fa800;
    color: #fff;
    width: 60px;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    border-radius: 4px;
}

.testimonial2-bg .home2-testi .testimonial-area span.tsti-title {
    margin-top: 23px;
    font-size: 18px;
    font-weight: 500;
}

.testimonial2-bg .home2-testi .testimonial-area p {
    margin-top: 16px;
}

.testimonial2-bg .home2-testi .testimonial-area .testi-name {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonial2-bg .home2-testi .testimonial-area .testi-name h6 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.testimonial2-bg .home2-testi .testimonial-area .testi-name span {
    color: #ffb503;
    margin-top: 17px;
    display: flex;
}

.testimonial2-bg .home2-testi .testimonial-area .testi-name span i {
    margin-right: 5px;
}

.testimonial2-bg .home2-testi .testimonial-area .testi-name span i:last-child {
    margin-right: 0px;
}

.section-title h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1;
}

/* Blog css */
.blog1 .home-blog .owl-stage {
    counter-reset: my-sec-counter;
    display: flex;
}

.blog1 .home-blog .owl-item {
    padding: 0 2px;
}

.blog1 .home-blog .owl-item:before,
.blog1 .home-blog .owl-item:after {
    background-color: #f5ab1e;
}

.blog1 .home-blog .owl-item:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.blog1 .home-blog .owl-item:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 2px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.blog1 .home-blog .blog-start {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 15px;
}

.blog1 .home-blog .blog-start .blog-image {
    display: flex;
}

.blog1 .home-blog .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.blog1 .home-blog .blog-start .blog-content {
    padding: 30px;
}

.blog1 .home-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.blog1 .home-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog1 .home-blog .blog-start .blog-content .blog-title span.blog-admin {
    display: block;
    margin-top: 7px;
    line-height: 1;
}

.blog1 .home-blog .blog-start .blog-content .blog-title span.blog-admin span.blog-editor {
    color: #000;
    font-weight: 600;
}

.blog1 .home-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 21px;
}

.blog1 .home-blog .blog-start .blog-content a.read-link {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}

.blog1 .home-blog .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog1 .home-blog .blog-start .blog-content a.read-link:hover span {
    color: #d43b3b;
}

.blog-date-comment a.read-link:hover span {
    color: #d43b3b !important;
}

.blog1 .home-blog .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.blog1 .home-blog .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog1 .home-blog .blog-start .blog-content a.read-link span,
.blog1 .home-blog .blog-start .blog-content a.read-link:hover span,
.blog1 .home-blog .blog-start .blog-content a.read-link i,
.blog1 .home-blog .blog-start .blog-content a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog1 .home-blog .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    line-height: 1
}

.blog1 .home-blog .blog-start .blog-content .blog-date-comment a {
    font-weight: 600;
}

.blog1 .all-blog {
    text-align: center;
    margin-top: 30px;
}

.blog-date {
    margin-top: 20px;
}

.blog-image a {
    height: 230px;
    object-fit: cover;
    overflow: hidden;
}

.tr-pro-img a {
    object-fit: cover;
    overflow: hidden;
}

.tr-pro-img a img {
    height: 220px;
    object-fit: cover;
    width: 100%;
}

.cate-image a {
    object-fit: cover;
    overflow: hidden;
    text-align: center;
}

.cate-image a img {
    height: 200px;
    object-fit: cover;
}

.footer-logo .logo-alt,
.header-element .logo-alt {
    max-height: 80px !important;
}

.f-bottom li.f-social {
    display: flex;
}

.f-bottom li.f-social a.f-icn-link {
    background-color: #fff;
    color: #d43b3b;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.f-bottom li.f-social a:hover i {
    color: #fff;
    z-index: 1;
}

.f-bottom li.f-social a:hover::after {
    background-color: #d43b3b;
    width: 100%;
    border-radius: 4px;
}

.f-bottom li.f-social a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.home4-featured1 .heying {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px;
}

.home4-featured1 .heying img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.youtube-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 12px;
    display: none;
}

.home4-category .home4-cate .owl-nav button,
.featured-product .home4-featured1 .owl-nav button,
.home4-barnd-logo .home4-brand .owl-nav button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background-color: #d43b3b;
    color: #fff;
    font-size: 20px;
    margin: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
}

.home4-category .home4-cate .owl-nav button:hover,
.featured-product .home4-featured1 .owl-nav button:hover,
.home4-barnd-logo .home4-brand .owl-nav button:hover {
    background-color: #fff;
    color: #d43b3b;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.featured-product .home4-featured1 .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.featured-product .home4-featured1 .owl-nav button.owl-prev {
    left: -15px;
}

.featured-product .home4-featured1 .owl-nav button.owl-next {
    right: -15px;
}

.news-letter .news-content h4 , .news-letter .news-content span {
    color: white;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}

.cate-image a span {
    margin-top: 14px;
}

.items:hover h3 a {
    color: #d43b3b;
}

.right-block-box ul.shop-element li.user-wrap .acc-desk{
    display: flex;
    align-items: center;
}
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-icon a.user-icon-desk{
    display: block;
    font-size: 30px;
    line-height: 0;
}
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-icon a.user-icon-desk,
.right-block-box ul.shop-element li.user-wrap .acc-desk:hover .user-icon a.user-icon-desk{
    -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-block-box ul.shop-element li.user-wrap .acc-desk .user-info{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info span.acc-title{
    color: #d43b3b;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
}
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login{
    display: flex;
    margin-top: 7px;
}
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login a{
    color: #000;
    font-size: 11px;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #c3c3c3;
    line-height: 1;
}
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login a:last-child{
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
}
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-info .account-login a:hover{
    color: #d43b3b;
}
.right-block-box ul.shop-element li.user-wrap .acc-mob{
    display: none;
}

/* hotline css */
.img-hotline{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.img-hotline .image-content{
    margin-left: 15px;
}
.img-hotline .image-content span{
    color: #fff;
}
.img-hotline .image-content span.hot-l{
    display: block;
    color: #fff;
}
/* breadcrumb css */
.about-breadcrumb .about-back{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 5;
}
.about-breadcrumb .about-back .about-l ul.about-link{
    text-align: center;
}
.about-breadcrumb .about-back .about-l h1{
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
.about-breadcrumb .about-back .about-l ul.about-link li.go-home a{
    font-size: 18px;
    color: #fff;
    position: relative;
    font-weight: 500;
    padding-bottom: 10px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
.about-breadcrumb .about-back .about-l ul.about-link li.go-home a::after{
    background-color: #fff;
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0px;
    left: 0px;
    width: 3px;
    height: 15px;
    margin: 0 auto;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
.about-breadcrumb .about-back .about-l ul.about-link li.about-p {
    padding-top: 26px;
}
.about-breadcrumb .about-back .about-l ul.about-link li.about-p span{
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
/* 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;
    margin-bottom: 15px;
}
.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: #f5ab1e;
}
.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;
}

.about-title img {
    width: auto;
    mix-height: 100px;
    object-fit: cover;
}

/* faq page css */
.faq-title {
    margin-bottom: 37px;
}
.faq-collapse .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: 15px;
    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;
}
/* 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: 450px;
}
.map-area .map-details{
    display: flex;
    flex-wrap: wrap;
}
.map-area .map-details .contact-info{
    width: 50%;
}
.map-area .map-details .contact-info .contact-details h4{
    font-size: 18px;
}
.map-area .map-details .contact-info .contact-details form {
    margin-top: 18px;
}
.map-area .map-details .contact-info .contact-details form label{
    display: block;
    margin-top: 15px;
}
.map-area .map-details .contact-info .contact-details form label:first-child {
    margin-top: 0px;
}
.map-area .map-details .contact-info .contact-details form input{
    width: 100%;
    border-radius: 4px;
    padding: 7px 15px;
    margin-top: 10px;
}
.map-area .map-details .contact-info .contact-details form textarea{
    width: 100%;
    resize: none;
    margin-top: 10px;
    border-radius: 4px;
}
.map-area .map-details .contact-info .contact-details a{
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
}
.map-area .map-details .contact-info .contact-details a i {
    margin-left: 5px;
}
.map-area .map-details .contact-info .information{
    margin-left: 30px;
}
.map-area .map-details .contact-info .information h4{
    font-size: 18px; 
}
.map-area .map-details .contact-info .information p.info-description{
    margin-top: 16px;
}
.map-area .map-details .contact-info .information .contact-in {
    margin-top: 22px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details:first-child {
    margin-top: 0px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details li i{
    font-size: 20px;
    margin-right: 20px;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details li h4{
    font-size: 14px;
    line-height: 1;
}
.map-area .map-details .contact-info .information .contact-in ul.info-details li a {
    margin-top: 7px;
}
/* full grid blog css */
.blog-style-1-full-grid{
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}
.blog-style-1-full-grid .blog-start{
    position: relative;
}
.blog-style-1-full-grid .blog-start .blog-post{
    margin-top: 15px;
    border: 1px solid #eee;
}
.blog-style-1-full-grid .blog-start:before,
.blog-style-1-full-grid .blog-start:after{
    background-color: #f5ab1e;
}
.blog-style-1-full-grid .blog-start:before{
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.blog-style-1-full-grid .blog-start:after{
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}
.blog-style-1-full-grid .blog-start{
    width: calc(33.33% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;;
}
.blog-style-1-full-grid .blog-start .blog-image{
    display: flex;
}
.blog-style-1-full-grid .blog-start .blog-image a img,
.blog-style-1-left-grid .blog-start .blog-image a img,
.blog-style-1-right-grid .blog-start .blog-image a img {
    backface-visibility: hidden;
}
.blog-style-1-full-grid .blog-start .blog-content{
    padding: 30px;
}
.blog-style-1-full-grid .blog-start .blog-content .blog-title h6{
    font-size: 16px;
}
.blog-style-1-full-grid .blog-start .blog-content .blog-title h6 a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blog-style-1-full-grid .blog-start .blog-content span.blog-admin{
    display: block;
    margin-top: 7px;
    line-height: 1;
}
.blog-style-1-full-grid .blog-start .blog-content span.blog-admin span.blog-editor{
    color: #000;
    font-weight: 600;
}
.blog-style-1-full-grid .blog-start .blog-content p.blog-description{
    margin-top: 21px;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link{
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link span{
    color: #222;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover span{
    color: #f5ab1e;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link i{
    padding-left: 5px;
    font-size: 12px;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover i{
    padding-left: 10px;
}
.blog-style-1-full-grid .blog-start .blog-content a.read-link span,
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-full-grid .blog-start .blog-content a.read-link i,
.blog-style-1-full-grid .blog-start .blog-content a.read-link:hover i{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.blog-style-1-full-grid .blog-start .blog-content .blog-date-comment{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 1
}
.blog-style-1-full-grid .blog-start .blog-content .blog-date-comment a{
    font-weight: 600;
}
/* left-right grid blog css */
.blog-style-1-left-grid,
.blog-style-1-right-grid{
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -20px;
}
.blog-style-1-left-grid .blog-start,
.blog-style-1-right-grid .blog-start{
    position: relative;
}
.blog-style-1-left-grid .blog-start .blog-post,
.blog-style-1-right-grid .blog-start .blog-post{
    margin-top: 15px;
    border: 1px solid #eee;
}
.blog-style-1-left-grid .blog-start:before,
.blog-style-1-left-grid .blog-start:after,
.blog-style-1-right-grid .blog-start:before,
.blog-style-1-right-grid .blog-start:after{
    background-color: #f5ab1e;
}
.blog-style-1-left-grid .blog-start:before,
.blog-style-1-right-grid .blog-start:before{
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50px;
    height: 50px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}
.blog-style-1-left-grid .blog-start:after,
.blog-style-1-right-grid .blog-start:after{
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}
.blog-style-1-left-grid .blog-start,
.blog-style-1-right-grid .blog-start{
    width: calc(33.33% - 20px);
    margin-top: 30px;
    margin-left: 20px;
    border-radius: 5px;;
}
.blog-style-1-left-grid .blog-start .blog-image,
.blog-style-1-right-grid .blog-start .blog-image{
    display: flex;
}
.blog-style-1-left-grid .blog-start .blog-content,
.blog-style-1-right-grid .blog-start .blog-content{
    padding: 30px;
}
.blog-style-1-left-grid .blog-start .blog-content .blog-date-comment,
.blog-style-1-right-grid .blog-start .blog-content .blog-date-comment{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    line-height: 1
}
.blog-style-1-left-grid .blog-start .blog-content .blog-date-comment a,
.blog-style-1-right-grid .blog-start .blog-content .blog-date-comment a{
    font-weight: 600;
}
.blog-style-1-left-grid .blog-start .blog-content .blog-title h6,
.blog-style-1-right-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
} 
.blog-style-1-left-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-1-right-grid .blog-start .blog-content .blog-title h6 a{
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blog-style-1-left-grid .blog-start .blog-content p.blog-description,
.blog-style-1-right-grid .blog-start .blog-content p.blog-description{
    margin-top: 21px;
    font-size: 14px;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link,
.blog-style-1-right-grid .blog-start .blog-content a.read-link{
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -webkit-transition: all 0s ease-in-out 0s;
    -o-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link span{
    color: #222;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover span{
    color: #f5ab1e;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link i{
    padding-left: 5px;
    font-size: 12px;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover i{
    padding-left: 10px;
}
.blog-style-1-left-grid .blog-start .blog-content a.read-link span,
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-left-grid .blog-start .blog-content a.read-link i,
.blog-style-1-left-grid .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-grid .blog-start .blog-content a.read-link i,
.blog-style-1-right-grid .blog-start .blog-content a.read-link:hover i{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.blog-style-1-left-grid .blog-start .blog-content span.blog-admin,
.blog-style-1-right-grid .blog-start .blog-content span.blog-admin{
    display: block;
    margin-top: 7px;
    line-height: 1;
}
.blog-style-1-left-grid .blog-start .blog-content span.blog-admin span.blog-editor,
.blog-style-1-right-grid .blog-start .blog-content span.blog-admin span.blog-editor{
    color: #000;
    font-weight: 600;
}
/* carousel dots css */
.blog-page .full-blog-details .single-image-carousel,
.left-blog-details .single-image-carousel,
.right-blog-details .single-image-carousel{
    position: relative;
}
.blog-page .full-blog-details .single-image-carousel .owl-dots,
.left-blog-details .single-image-carousel .owl-dots,
.right-blog-details .single-image-carousel .owl-dots{
    position: absolute;
    bottom: 10px;
    right: 0px;
    left: 0px;
    margin-top: 0px;
}
.blog-page .full-blog-details .single-image-carousel .owl-dots button.owl-dot span,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot span,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot span{
    background-color: #5fa800;
    width: 7px;
    height: 7px;
}
.blog-page .full-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.blog-page .full-blog-details .single-image-carousel .owl-dots button.owl-dot.active span,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.left-blog-details .single-image-carousel .owl-dots button.owl-dot.active span,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot :hover,
.right-blog-details .single-image-carousel .owl-dots button.owl-dot.active span{
    background-color: #000;
}
/* full-left-right details blog css */
.blog-style-1-details .single-blog-content,
.blog-style-1-left-details .single-blog-content,
.blog-style-1-right-details .single-blog-content{
    margin-top: 33px;
}
.blog-style-1-details .single-blog-content .single-b-title h4,
.blog-style-1-left-details .single-blog-content .single-b-title h4,
.blog-style-1-right-details .single-blog-content .single-b-title h4{
    font-size: 16px;
}
.blog-style-1-details .single-blog-content .date-edit-comments,
.blog-style-1-left-details .single-blog-content .date-edit-comments,
.blog-style-1-right-details .single-blog-content .date-edit-comments{
    margin-top: 23px;
}
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.date{
    display: flex;
    align-items: center;
    line-height: 1;
}
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c{
    margin-left: 5px;
}
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit{
    display: flex;
    align-items: center;
    line-height: 1;
}
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c{
    margin-left: 5px;
}
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments{
    display: flex;
    align-items: center;
    line-height: 1;
}
.blog-style-1-left-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.blog-style-1-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.blog-style-1-right-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c{
    margin-left: 5px;
}
.blog-style-1-details .single-blog-content .blog-description,
.blog-style-1-left-details .single-blog-content .blog-description,
.blog-style-1-right-details .single-blog-content .blog-description{
    margin-top: 23px;
}
.blog-style-1-details .single-blog-content .blog-description p,
.blog-style-1-left-details .single-blog-content .blog-description p,
.blog-style-1-right-details .single-blog-content .blog-description p{
    margin-top: 2px;
    letter-spacing: 0.6px;
}
.blog-style-1-details .single-blog-content .blog-description .blog-image-description,
.blog-style-1-left-details .single-blog-content .blog-description .blog-image-description,
.blog-style-1-right-details .single-blog-content .blog-description .blog-image-description{
    margin-top: 22px;
}
.blog-style-1-details .single-blog-content .blog-description .blog-image-description img,
.blog-style-1-left-details .single-blog-content .blog-description .blog-image-description img,
.blog-style-1-right-details .single-blog-content .blog-description .blog-image-description img{
    float: left;
    margin-right: 15px;
}
.blog-style-1-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.blog-style-1-left-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.blog-style-1-right-details .single-blog-content .blog-description .blog-image-description p.bold-description{
    font-size: 14px;
    font-weight: 600;
}
.blog-style-1-details .single-blog-content .blog-description p.color-description,
.blog-style-1-left-details .single-blog-content .blog-description p.color-description,
.blog-style-1-right-details .single-blog-content .blog-description p.color-description{
    background-color: #f7f7f7;
    font-size: 16px;
    color: #f5ab1e;
    margin: 23px 0px;
    padding: 30px;
    border-left: 1px solid #eee;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.blog-style-1-details .single-blog-content .blog-info,
.blog-style-1-left-details .single-blog-content .blog-info,
.blog-style-1-right-details .single-blog-content .blog-info{
    padding: 30px;
    margin-top: 22px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.blog-style-1-details .single-blog-content .blog-info i.fa-quote-left,
.blog-style-1-left-details .single-blog-content .blog-info i.fa-quote-left,
.blog-style-1-right-details .single-blog-content .blog-info i.fa-quote-left{
    font-size: 30px;
    color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .blog-info h6,
.blog-style-1-left-details .single-blog-content .blog-info h6,
.blog-style-1-right-details .single-blog-content .blog-info h6{
    color: #f5ab1e;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 500;
}
.blog-style-1-details .single-blog-content .b-link,
.blog-style-1-left-details .single-blog-content .b-link,
.blog-style-1-right-details .single-blog-content .b-link{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blog-style-1-details .single-blog-content .b-link .blog-tag a,
.blog-style-1-left-details .single-blog-content .b-link .blog-tag a,
.blog-style-1-right-details .single-blog-content .b-link .blog-tag a{
    background-color: #f5ab1e;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}
.blog-style-1-details .single-blog-content .b-link .blog-tag a:hover,
.blog-style-1-left-details .single-blog-content .b-link .blog-tag a:hover,
.blog-style-1-right-details .single-blog-content .b-link .blog-tag a:hover{
    background-color: #000;
    color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social,
.blog-style-1-left-details .single-blog-content .blog-social,
.blog-style-1-right-details .single-blog-content .blog-social{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.blog-style-1-details .single-blog-content .blog-social a.facebook,
.blog-style-1-details .single-blog-content .blog-social a.twitter,
.blog-style-1-details .single-blog-content .blog-social a.insta,
.blog-style-1-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-left-details .single-blog-content .blog-social a.facebook,
.blog-style-1-left-details .single-blog-content .blog-social a.twitter,
.blog-style-1-left-details .single-blog-content .blog-social a.insta,
.blog-style-1-left-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-right-details .single-blog-content .blog-social a.facebook,
.blog-style-1-right-details .single-blog-content .blog-social a.twitter,
.blog-style-1-right-details .single-blog-content .blog-social a.insta,
.blog-style-1-right-details .single-blog-content .blog-social a.pinterest{
    width: 35px;
    height: 35px;
    font-size: 14px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.blog-style-1-details .single-blog-content .blog-social a.facebook,
.blog-style-1-left-details .single-blog-content .blog-social a.facebook,
.blog-style-1-right-details .single-blog-content .blog-social a.facebook{
    background-color: #3b5999;
    color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a.twitter,
.blog-style-1-left-details .single-blog-content .blog-social a.twitter,
.blog-style-1-right-details .single-blog-content .blog-social a.twitter{
    background-color: #55acee;
    color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a.insta,
.blog-style-1-left-details .single-blog-content .blog-social a.insta,
.blog-style-1-right-details .single-blog-content .blog-social a.insta{
    background-color: #dd4b39;
    color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-left-details .single-blog-content .blog-social a.pinterest,
.blog-style-1-right-details .single-blog-content .blog-social a.pinterest{
    background-color: #bd081c;
    color: #fff;
}
.blog-style-1-details .single-blog-content .blog-social a:hover,
.blog-style-1-left-details .single-blog-content .blog-social a:hover,
.blog-style-1-right-details .single-blog-content .blog-social a:hover{
    background-color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .blog-comments,
.blog-style-1-left-details .single-blog-content .blog-comments,
.blog-style-1-right-details .single-blog-content .blog-comments{
    margin-top: 23px;
}
.blog-style-1-details .single-blog-content .blog-comments h4,
.blog-style-1-left-details .single-blog-content .blog-comments h4,
.blog-style-1-right-details .single-blog-content .blog-comments h4{
    font-size: 18px;
}
.blog-style-1-details .single-blog-content .blog-comments h4 span,
.blog-style-1-left-details .single-blog-content .blog-comments h4 span,
.blog-style-1-right-details .single-blog-content .blog-comments h4 span{
    color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    margin-left: 50px;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man{
    width: 45px;
    height: 45px;
    background-color: #f5ab1e;
    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;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result{
    display: block;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date{
    font-weight: 600;
    margin-top: 6px;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    margin-left: 30px;
    color: #f5ab1e;
    font-weight: 500;
}
.blog-style-1-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.blog-style-1-left-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.blog-style-1-right-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title{
    font-weight: 600;
    color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .comments-form,
.blog-style-1-left-details .single-blog-content .comments-form,
.blog-style-1-right-details .single-blog-content .comments-form{
    margin-top: 24px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}
.blog-style-1-details .single-blog-content .comments-form h4,
.blog-style-1-left-details .single-blog-content .comments-form h4,
.blog-style-1-right-details .single-blog-content .comments-form h4{
    font-size: 18px;
}
.blog-style-1-details .single-blog-content .comments-form form,
.blog-style-1-left-details .single-blog-content .comments-form form,
.blog-style-1-right-details .single-blog-content .comments-form form{
    margin-top: 18px;
}
.blog-style-1-details .single-blog-content .comments-form form label,
.blog-style-1-left-details .single-blog-content .comments-form form label,
.blog-style-1-right-details .single-blog-content .comments-form form label{
    margin-top: 15px;
}
.blog-style-1-details .single-blog-content .comments-form form label:first-child,
.blog-style-1-left-details .single-blog-content .comments-form form label:first-child,
.blog-style-1-right-details .single-blog-content .comments-form form label:first-child {
    margin-top: 0px;
}
.blog-style-1-details .single-blog-content .comments-form form input,
.blog-style-1-left-details .single-blog-content .comments-form form input,
.blog-style-1-right-details .single-blog-content .comments-form form input{
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.blog-style-1-details .single-blog-content .comments-form form input:focus,
.blog-style-1-left-details .single-blog-content .comments-form form input:focus,
.blog-style-1-right-details .single-blog-content .comments-form form input:focus{
    border-color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .comments-form form textarea,
.blog-style-1-left-details .single-blog-content .comments-form form textarea,
.blog-style-1-right-details .single-blog-content .comments-form form textarea{
    width: 100%;
    margin-top: 10px;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}
.blog-style-1-details .single-blog-content .comments-form form textarea:focus,
.blog-style-1-left-details .single-blog-content .comments-form form textarea:focus,
.blog-style-1-right-details .single-blog-content .comments-form form textarea:focus{
    border-color: #f5ab1e;
}
.blog-style-1-details .single-blog-content .comments-form a.btn-style1,
.blog-style-1-left-details .single-blog-content .comments-form a.btn-style1,
.blog-style-1-right-details .single-blog-content .comments-form a.btn-style1{
    margin-top: 24px;
}

.pro-page .pro-image .pro-info .pro-btn a {
    background-color: #d43b3b;
    color: #fff;
    padding: 9px 25px;
    border-radius: 4px;
    margin-right: 5px;
    border: 2px solid #d43b3b;
}

.pro-page .pro-image .pro-info .pro-btn a:hover {
    background-color: transparent;
    color: #333;
}
.pro-page .pro-image .pro-info .pro-btn form button{
    background-color: #d43b3b;
    color: #fff;
    padding: 9px 25px;
    border-radius: 4px;
    margin-right: 5px;
    border: 2px solid #d43b3b;
}

.pro-page .pro-image .pro-info .pro-btn form button:hover {
    background-color: transparent;
    color: #333;
}

/* privacy policy page css */
.privacy-title h1{
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.privacy-content ul{
    list-style-type: unset;
}
.privacy-content ul.privacy-policy li{
    margin-top: 5px;
}
.privacy-content ul.privacy-policy li:first-child {
    margin-top: 0px;
}

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

.faq-title {
    margin-bottom: 37px;
}
.faq-collapse .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 .faq-li h3{
    font-size: 16px;
    color: #333;
    font-weight: 600; 
}
.faq-box .faq-li h3 span{
    color: #f5ab1e;
}
.faq-box .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;
}

/* cart page css */
.cart-area{
    padding-bottom: 20px;
    border-bottom: 1px solid #725f5f;
}
.cart-area:last-child{
    border-bottom: none;
    padding-bottom: 0px;
}
.cart-area .cart-details .cart-item{
    padding: 13px 0px;
    border-top: 1px solid #725f5f;
    border-bottom: 1px solid #725f5f;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-area .cart-details .cart-item span.cart-head{
    font-size: 16px;
    font-weight: 700;
}
.cart-area .cart-details .cart-item span.c-items{
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}
.cart-area .cart-details .cart-all-pro{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.cart-area .cart-details .cart-all-pro .cart-pro{
    width: 60%;
    margin-top: 20px;
    display: flex;
}
.cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image{
    margin-right: 15px;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details h4{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size{
    margin-top: 10px;
    display: block;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size span.size{
    font-weight: 600;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-shop{
    margin-top: 10px;
    display: block;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.cart-pro-price{
    margin-top: 10px;
    display: block;
    line-height: 1;
}
.cart-area .cart-details .cart-all-pro .qty-item{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus{
    display: flex;
    align-items: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span{
    display: flex;
    border: 1px solid #eee;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span input{
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-cart,
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-wishlist{
    width: 40px;
    height: 40px;
    background-color: #f5ab1e;
    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: #f5ab1e;
    margin-top: 15px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-area .cart-details .cart-all-pro .all-pro-price{
    width: 20%;
    text-align: right;
}
.cart-area .cart-details .cart-all-pro .all-pro-price span{
    font-weight: 600;
}
.cart-area .cart-details .other-link{
    margin-top: 21px;
    padding: 15px 0px;
    border-top: 1px solid #725f5f;
    border-bottom: 1px solid #725f5f;
}
.cart-area .cart-details .other-link ul.c-link{
    display: flex;
    align-items: center;
    justify-content:space-evenly;
}
.cart-total{
    background-color: #f7f7f7;
    position: sticky;
    top: 0px;
    padding: 15px;
}
.cart-total .cart-price{
    padding-top: 15px;
    padding-bottom: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-total .cart-price span.total{
    font-weight: 600;
}
.cart-total .cart-info h4{
    font-size: 14px;
    margin-top: 25px;
}
.cart-total .cart-info form{
    margin-top: 8px;
}
.cart-total .cart-info form label{
    font-size: 13px;
    margin-top: 15px;
}
.cart-total .cart-info form label:first-child {
    margin-top: 0px;
}
.cart-total .cart-info form select{
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}
.cart-total .cart-info form input{
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}
.cart-total .cart-info a.cart-calculate{
    width: 100%;
    margin-top: 25px;
}
.cart-total .shop-total{
    margin-top: 26px;
    padding: 14px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-total .shop-total span.total-amount{
    font-weight: 600;
}
.cart-total a.check-link{
    width: 100%;
    margin-top: 25px;
}
.btn-style1:hover {
    color: #000;
    background-color: transparent;
}
/* checkout style-1 css */
.checkout-area{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}
.checkout-area .billing-area{
    width: calc(60% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}
.checkout-area .billing-area form h2{
    font-size: 24px;
}
.checkout-area .billing-area form{
    padding: 20px;
}
.checkout-area .billing-area form .billing-form {
    margin-top: 16px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul{
    width: 100%;
    margin-top: 15px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul.input-2{
    display: flex;
    flex-wrap: wrap;
}
.checkout-area .billing-area form .billing-form ul.billing-ul:first-child {
    margin-top: 0px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li{
    width: calc(50% - 15px);
    margin-left: 15px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li:first-child{
    margin-left: 0px;
    width: calc(50% - 0px);
    margin-left: 0px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul li.billing-li input{
    width: 100%;
    margin-top: 10px;
}
.checkout-area .billing-area form .billing-form ul.billing-ul li.billing-li select{
    width: 100%;
    margin-top: 10px;
}
.checkout-area .billing-area .billing-details{
    border-top: 1px solid #eee;
}
.checkout-area .billing-area .billing-details form h2{
    font-size: 24px;  
}
.checkout-area .billing-area .billing-details ul.shipping-form {
    margin-top: 19px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.check-box{
    display: flex;
    align-items: center;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.check-box input {
    margin-right: 5px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li.comment-area{
    margin-top: 11px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li label{
    margin-bottom: 0px;
}
.checkout-area .billing-area .billing-details ul.shipping-form li textarea{
    margin-top: 10px;
    width: 100%;
}
.checkout-area .order-area{
    width: calc(40% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}
.checkout-area .order-area{
    position: sticky;
    top: 0px;
}
.checkout-area .order-area .check-pro h2{
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;
}
.checkout-area .order-area .check-pro ul.check-ul li{
    padding: 20px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-pro-img{
    width: 25%;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content{
    width: 75%;
    margin-left: 15px;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content a{
    display: block;
    font-weight: 400;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod{
    display: block;
    margin-top: 4px;
    font-weight: 600;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod span{
    font-weight: 500;
}
.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-price{
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}
.checkout-area .order-area h2{
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;
}
.checkout-area .order-area ul.order-history{
    padding: 0px 20px;
}
.checkout-area .order-area ul.order-history li.order-details{
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.checkout-area .order-area ul.order-history li.order-details:first-child{
    margin-top: 0px;
    border: none;
}
.checkout-area .order-area ul.order-history li.order-details:last-child{
    padding-top: 15px;
    padding-bottom: 14px;
    margin-top: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.checkout-area .order-area ul.order-history li.order-details:last-child span{
    font-weight: 600;
}
.checkout-area .order-area form{
    padding: 0px 20px;
}
.checkout-area .order-area form ul.order-form {
    margin-top: 20px;
}
.checkout-area .order-area form ul.order-form li{
    margin-top: 19px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.checkout-area .order-area form ul.order-form li:first-child{
    margin-top: 0px;
}
.checkout-area .order-area form ul.order-form li input{
    margin-right: 10px;
}
.checkout-area .order-area form ul.order-form label{
    margin-bottom: 0px;
}
.checkout-area .order-area form ul.order-form li.pay-icon a{
    font-size: 25px;
    margin-left: 10px;
}
.checkout-area .order-area form ul.order-form li.pay-icon a:first-child{
    margin-left: 0px;
}
.checkout-area .order-area .checkout-btn{
    padding: 28px 20px 20px 20px;
}
.checkout-area .order-area .checkout-btn a.btn-style1{
    display: block;
    text-align: center;
    
    &[disabled] {
        opacity: 0.5;
        cursor: not-allowed;
    }
 }
/* cart login box css */
.register-area{
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.register-area .register-box{
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}
.register-area .register-box h1{
    font-size: 30px;
    text-align: center;
}
.register-area .register-box p{
    margin-top: 10px;
    text-align: center;
}
.register-area .register-box form {
    margin-top: 22px;
}
.register-area .register-box form input{
    width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.register-area .register-box form input:first-child {
    margin-top: 0px;
}
.register-area .register-box a.btn-style1{
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.register-area .register-account{
    width: calc(50% - 30px);
    margin-left: 30px;
}
.register-area .register-account h4{
    font-size: 16px;
    text-align: center;
}
.register-area .register-account a.ceate-a{
    position: relative;
    color: #f5ab1e;
    width: 100%;
    padding: 13px 25px;
    margin-top: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f5ab1e;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account a.ceate-a::after{
    background-color: #f5ab1e;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}
.register-area .register-account a.ceate-a:hover::after{
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.register-area .register-account .register-info a.terms-link span{
    color: #000;
    line-height: 1;
    font-size: 12px;
}
.register-area .register-account .register-info a.terms-link{
    color: #f5ab1e;
    margin-top: 30px;
    font-size: 12px;
    font-weight: 600;
}
.register-area .register-account .register-info p{
    font-size: 13px;
    margin-top: 10px;
}
.register-area .register-account .register-info p a{
    color: #f5ab1e;
    font-weight: 600;
}
/* login page css */
.login-area{
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-area .login-box{
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}
.login-area .login-box h1{
    font-size: 30px;
    text-align: center;
}
.login-area .login-box p{
    margin-top: 10px;
    text-align: center;
}
.login-area .login-box form {
    margin-top: 17px;
}
.login-area .login-box form label{
    margin-top: 15px;
}
.login-area .login-box form label:first-child {
    margin-top: 0px;
}
.login-area .login-box form input{
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    margin-top: 10px;
    border: 1px solid #979797;
    border-radius: 3px;
}
.login-area .login-box a.btn-style1{
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.login-area .login-box a.re-password{
    color: #f5ab1e;
    margin-top: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.login-area .login-account{
    width: calc(50% - 30px);
    margin-left: 30px;
}
.login-area .login-account h4{
    font-size: 16px;
    text-align: center;
}
.login-area .login-account a.ceate-a{
    position: relative;
    color: #f5ab1e;
    width: 100%;
    padding: 13px 25px;
    margin-top: 23px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f5ab1e;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.login-area .login-account a.ceate-a::after{
    background-color: #f5ab1e;
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}
.login-area .login-account a.ceate-a:hover::after{
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
/* forgot password page css */
.forgat-password-area{
    width: 50%;
    margin: 0 auto;
}
.forgat-password-area h4.forgot-title{
    font-size: 20px;
    text-align: center;
}
.forgat-password-area .forgot-p{
    margin-top: 21px;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow: hidden;
}
.forgat-password-area .forgot-p span.forgot{
    width: 100%;
    background-color: #f5ab1e;
    color: #fff;
    padding: 15px;
    text-align: center;
}
.forgat-password-area .forgot-p form{
    width: 100%;
    padding: 30px;
}
.forgat-password-area .forgot-p form input{
    width: 100%;
    font-size: 13px;
    border: 1px solid #979797;
    text-align: center;
}
.forgat-password-area .forgot-p a.forgot-link{
    width: 100%;
    background-color: #f5ab1e;
    color: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
}
.forgat-password-area .forgot-p a.forgot-link span{
    background-color: #000;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 8px 10px;
    -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;
}
.forgat-password-area .forgot-p a.forgot-link span i{
    font-size: 18px;
    margin-left: 3px;
}
.forgat-password-area .forgot-p a.forgot-link span:hover{
    background-color: transparent;
    -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;
}
.login-area .login-account .login-info {
    margin-top: 24px;
}
.login-area .login-account .login-info a.terms-link span{
    color: #000;
    line-height: 1;
    font-size: 12px;
}
.login-area .login-account .login-info a.terms-link{
    color: #f5ab1e;
    font-size: 12px;
    font-weight: 600;
    
}
.login-area .login-account .login-info p{
    font-size: 13px;
    margin-top: 6px;
}
.login-area .login-account .login-info p a{
    color: #f5ab1e;
    font-weight: 600;
}
/* other page filter css */
.all-filter .categories-page-filter h4{
    font-size: 16px;
    padding-bottom: 23px;
}
.all-filter .categories-page-filter a.filter-link{
    display: none;
}
.all-filter .categories-page-filter ul.all-option{
    height: 271px;
    padding-top: 30px;
    overflow: auto;
    padding-right: 7px;
    border-top: 1px solid #eee;
}
.all-filter .categories-page-filter ul.all-option.collapse:not(.show){
    display: block;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option{
    margin-top: 16px;
    display: flex;
    align-items: center;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option:first-child{
    margin-top: 0px;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option input{
    width: 19px;
    height: 16px;
}
.all-filter .categories-page-filter ul.all-option li.grid-list-option a{
    width: 100%;
    margin-left: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}
.all-filter .price-filter h4{
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
}
.all-filter .price-filter a.filter-link{
    display: none;
}
.all-filter .price-filter ul.all-price{
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.all-filter .price-filter ul.all-price.collapse:not(.show){
    display: block;
}
.all-filter .price-filter ul.all-price li.f-price{
    margin-top: 16px;
    display: flex;
    align-items: center;
}
.all-filter .price-filter ul.all-price li.f-price:first-child{
    margin-top: 0px;
}
.all-filter .price-filter ul.all-price li.f-price input{
    width: 18px;
    height: 16px;
    cursor: pointer;
}
.all-filter .price-filter ul.all-price li.f-price label{
    margin-bottom: 0px;
    margin-left: 9px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}
.all-filter .pro-size h4{
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
}
.all-filter .pro-size a.filter-link{
    display: none;
}
.all-filter .pro-size ul.all-size.collapse:not(.show){
    display: block;
}
.all-filter .pro-size ul.all-size{
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.all-filter .pro-size ul.all-size li.choice-size{
    margin-top: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.all-filter .pro-size ul.all-size li.choice-size:first-child{
    margin-top: 0px;
}
.all-filter .pro-size ul.all-size li.choice-size input{
    width: 18px;
    height: 16px;
    cursor: pointer;
}
.all-filter .pro-size ul.all-size li.choice-size label{
    font-size: 13px;
    margin-left: 8px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height: 1;
}
.all-filter .filter-tag h4{
    font-size: 16px;
    padding-top: 27px;
    padding-bottom: 27px;
    line-height: 1;
}
.all-filter .filter-tag a.filter-link{
    display: none;
}
.all-filter .filter-tag ul.all-tag.collapse:not(.show){
    display: block;
}
.all-filter .filter-tag ul.all-tag {
    padding-top: 15px;
    margin-right: -5px;
}
.all-filter .filter-tag ul.all-tag li.tag{
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
}
.all-filter .filter-tag ul.all-tag li.tag a{
    padding: 9px 16px;
    color: #808080;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 50px;
}
.all-filter .filter-tag ul.all-tag li.tag a:hover{
    background-color: #000;
    color: #fff;
}
.all-filter .vendor-filter h4{
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}
.all-filter .vendor-filter a.filter-link{
    display: none;
}
.all-filter .vendor-filter ul.all-vendor{
    padding-top: 30px;
}
.all-filter .vendor-filter ul.all-vendor.collapse:not(.show){
    display: block;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor{
    margin-top: 16px;
    display: flex;
    align-items: center;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor:first-child{
    margin-top: 0px;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor input{
    width: 18px;
    height: 16px;
}
.all-filter .vendor-filter ul.all-vendor li.f-vendor label{
    margin-bottom: 0px;
    margin-left: 8px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}
.all-filter .filter-banner a.grid-banner{
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    display: block;
}
.all-filter .filter-banner a.grid-banner img{
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.all-filter .filter-banner a.grid-banner:hover img {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/* range price css */
.all-filter .price-filter ul.all-price .price-range {
    display: block;
}
.all-filter .price-filter ul.all-price .price-range .price-range-group {
    position: relative;
    margin-bottom: 30px;
}

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

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

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

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

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

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

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

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

/* grid-list banner-button css */
.grid-list-banner{
    height: 350px;
    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;
}
/* 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: #f5ab1e;
}
.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: #f5ab1e;
}
.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 .pro-icn form button.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 .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 .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 .w-c-q-icn:first-child,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn .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 .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;
    justify-content: center;
}
.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: #f5ab1e;
}
.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;
}
/* 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: #f5ab1e;
    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: #f5ab1e;
}
.list-all-page .page-number a:last-child:after{
    display: none;
}
.footer-12 {
    width: 100%;
    height: auto;
}
.footer-12 img {
    max-width: 130px;
}
@media (max-width: 767px) {
    .tred-pro .pro-icn a.w-c-q-icn i {
        width: 35px;
        height: auto !important;
        font-size: 14px;
    }
}
/* order history page css */
.order-histry-area .order-history {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}
.order-histry-area .order-history .profile {
    width: calc(35% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.order-histry-area .order-history .profile .order-pro {
    padding: 30px;
    display: flex;
    align-items: center;
}
.order-histry-area .order-history .profile .order-pro .pro-img img {
    border: 3px solid #eee;
    border-radius: 100%;
}
.order-histry-area .order-history .profile .order-pro .order-name {
    margin-left: 15px;
}
.order-histry-area .order-history .profile .order-pro .order-name h4 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    line-height: 1;
}
.order-histry-area .order-history .profile .order-pro .order-name span {
    font-size: 13px;
    color: #9da9b9;
    margin-top: 12px;
}
.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a {
    position: relative;
    width: 100%;
    padding: 15px 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    border-top: 1px solid #ddd;
    -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;
}
.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:after {
    background-color: #f5ab1e;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 18px;
    width: 2px;
    height: 15px;
}
.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active:after {
    background-color: #fff;
}
.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:hover {
    background-color: #f5f5f5;
    color: #333;
    border-radius: 5px;
    -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;
}
.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active {
    background-color: #f5ab1e;
    color: #fff;
    border-color: #f5ab1e;
    -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;
}
.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a span.pro-count {
    background-color: #f5ab1e;
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active span.pro-count {
    background-color: #fff;
    color: #333;
}
.order-histry-area .order-history .order-info {
    width: calc(65% - 30px);
    margin-left: 30px;
}
.order-histry-area .order-history .order-info .table {
    border-top: 1px solid #eee;
}
.order-histry-area .order-history .order-info .table thead {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.order-histry-area .order-history .order-info .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.order-histry-area .order-history .order-info .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}
.order-histry-area .order-history .order-info .table tbody tr td.canceled {
    color: #ff5252;
}
.order-histry-area .order-history .order-info .table tbody tr td.process {
    color: #50c6e9;
}
.order-histry-area .order-history .order-info .table tbody tr td.delayed {
    color: #ffb74f;
}
.order-histry-area .order-history .order-info .table tbody tr td.delivered {
    color: #43d9a3;
}
/* profile page css */
.order-histry-area .order-history .profile-form {
    width: calc(65% - 30px);
    margin-left: 30px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -30px;
    margin-top: 15px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label:first-child {
    margin-top: 0px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label li {
    width: calc(50% - 30px);
    margin-left: 30px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label li label {
    font-size: 14px;
}
.order-histry-area .order-history .profile-form form ul.pro-input-label li input {
    width: 100%;
    border: 1px solid #979797;
    margin-top: 10px;
    border-radius: 5px;
}
.order-histry-area .order-history .profile-form form ul.pro-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eee;
}
/* pro address css */
.order-histry-area .order-history .profile-address {
    width: calc(65% - 30px);
    margin-left: 30px;
}
.order-histry-area .order-history .profile-address form .pro-add-title h4 {
    font-size: 22px;
    color: #333;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    line-height: 1;   
}
.order-histry-area .order-history .profile-address form ul.add-label-input {
    margin-left: -30px;
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.order-histry-area .order-history .profile-address form ul.add-label-input li {
    width: calc(50% - 30px);
    margin-left: 30px;
}
.order-histry-area .order-history .profile-address form ul.add-label-input li  label {
    font-size: 14px;
    color: #333;
}
.order-histry-area .order-history .profile-address form ul.add-label-input li  input {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #979797;
    border-radius: 5px;
}
.order-histry-area .order-history .profile-address form ul.add-label-input li  select {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}
.order-histry-area .order-history .profile-address form ul.pro-submit {
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
}
.order-histry-area .order-history .profile-address form ul.pro-submit li {
    display: flex;
    align-items: center;
}
.order-histry-area .order-history .profile-address form ul.pro-submit li input {
    margin-right: 5px;
}
.order-histry-area .order-history .profile-form form ul.pro-submit li {
    display: flex;
    align-items: center;
    line-height: 1;
}
.order-histry-area .order-history .profile-form form ul.pro-submit li input {
    margin-right: 5px;
}
/* wishlist page css */
.wishlist-area{
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.wishlist-area:last-child{
    border-bottom: none;
}
.wishlist-area .wishlist-details .wishlist-item{
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wishlist-area .wishlist-details .wishlist-item span.wishlist-head{
    font-size: 16px;
    font-weight: 700;
}
.wishlist-area .wishlist-details .wishlist-item span.c-items{
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}
.wishlist-area .wishlist-details .wishlist-all-pro{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro{
    width: 60%;
    margin-top: 20px;
    display: flex;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .wishlist-pro-image{
    margin-right: 15px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details h4{
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size{
    font-size: 14px;
    margin-top: 8px;
    font-weight: 600;
    display: block;
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size span.pro-size{
    font-weight: 400;   
}
.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.wishlist-text{
    margin-top: 8px;
    line-height: 1;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item{
    width: 20%;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist{
    color: #f5ab1e;
    margin-top: 7px;
    text-decoration: underline;
    display: block;
    text-align: center;
}
.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist:first-child {
    margin-top: 0px;
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price{
    width: 20%;
    text-align: right;
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.new-price{
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}
.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.old-price{
    color: #999;
}
.wishlist-area .wishlist-details .other-link{
    margin-top: 20px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.wishlist-area .wishlist-details .other-link ul.c-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* order complete page css */
.order-area .order-price ul.total-order{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-area .order-price ul.total-order li:last-child{
    text-align: right;
}
.order-area .order-price ul.total-order li span.order-no{
    display: block;
    font-weight: 600;
}
.order-area .order-price ul.total-order li span.order-date{
    color: #bbbbbb;
    margin-top: 5px;
}
.order-area .order-price ul.total-order li span.total-price{
    display: block;
    text-align: right;
    font-weight: 600;
}
.order-area .order-price ul.total-order li span.amount{
    margin-top: 5px;
    text-align: right;
    font-weight: 600;
}
.order-area .order-details{
    margin-top: 24px;
    padding-top: 28px;
    border-top: 1px solid #eee;
    text-align: center;
}
.order-area .order-details span.order-i {
    font-size: 30px;
    line-height: 1;
}
.order-area .order-details span.order-s {
    display: block;
    margin-top: 8px;
}
.order-area .order-details a.tracking-link{
    margin-top: 24px;
}
.order-area .order-details a.tracking-link:hover{
    background-color: transparent;
    color: #000;
}
.order-area .order-delivery{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.order-area .order-delivery ul.delivery-payment{
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0px 0px -30px;
}
.order-area .order-delivery ul.delivery-payment li {
    width: calc(50% - 30px);
    margin: 30px 0px 0px 30px;
    border-right: 1px solid #eee; 
}
.order-area .order-delivery ul.delivery-payment li:last-child {
    border-right: none;
}
.order-area .order-delivery ul.delivery-payment li h5{
    font-size: 16px;
}
.order-area .order-delivery ul.delivery-payment li p{
    margin-top: 6px;
}
.order-area .order-delivery ul.delivery-payment li.delivery p{
    font-weight: 600;
}
.order-area .order-delivery ul.delivery-payment li.pay p{
    color: #bbb;
}
.order-area .order-delivery ul.delivery-payment li span.order-span{
    display: block;
    margin-top: 9px;
}
.order-area .order-delivery ul.delivery-payment li span.order-span:first-of-type{
    margin-top: 7px;
}
.order-area .order-delivery ul.delivery-payment li span.p-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order-area .order-delivery ul.delivery-payment li span.p-label span.o-price {
    font-weight: 600;
}
.nav-bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-top: 1px solid #ccc;
  padding: 10px 0;
  background-color: white;
}

.nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #555;
}

/*.nav-item img {*/
/*  width: 32px;*/
/*  height: 32px;*/
/*  margin-bottom: 5px;*/
/*}*/

.forpop img {
    width: 100%;
    max-height: 100px;
    object-fit: cover;
}
/* Fix Mega Menu Full Width */
.main-menu .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;       /* full width without scrollbar issue */
  max-width: 100vw;
  background: #fff;
  z-index: 999;
}

.main-menu .mega-menu .container {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
/* cancellation page css */
.cancellation-title h1{
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
    
}
.cancellation-content ul.cancellation{
    list-style-type: unset;
}
.cancellation-content ul.cancellation li{
    margin-bottom: 15px;
}
:root {
  --bg-gradient-start: #e8f0e1;
  --bg-gradient-end: #cddbc4;
  --card-bg: #fff;
  --text-color: #333;
  --marker-color: #2a52be;
  --font-main: "Inter", sans-serif;
  --font-handwriting: "Permanent Marker", cursive;
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-heavy: rgba(0, 0, 0, 0.2);
  --cheakout-page: rgb(75, 150, 52);
  
}

/* --- Polaroid-Design --- */
.polaroid {
  background-color: var(--card-bg);
  padding: 1rem 1rem 4.5rem 1rem; /* 15px 15px 70px 15px */
  border-radius: 2px;
  box-shadow: 0 0.25rem 0.5rem var(--shadow-light),
    0 0.625rem 1.25rem var(--shadow-light);
  margin: 0.625rem; /* 10px */
  position: relative;
  width: 250px;
  transition: transform 0.3s ease-in-out;
}

.polaroid:hover {
  transform: scale(1.03) rotate(0deg) !important;
  z-index: 10;
  box-shadow: 0 0.5rem 1rem var(--shadow-heavy), 0 1rem 2rem var(--shadow-heavy);
}

/* --- Galerie Container --- */
.gallery-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem; /* 30px */
  padding: 1.25rem; /* 20px */
}

/* --- Bild-Stil + Animation --- */
.polaroid img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
  animation: fadeInPhoto 5s ease-in-out forwards;
  filter: brightness(0);
}

@keyframes fadeInPhoto {
  0% {
    filter: brightness(0) sepia(1);
    opacity: 0.8;
  }
  50% {
    filter: brightness(0.5) sepia(0.5);
    opacity: 0.9;
  }
  100% {
    filter: brightness(1) sepia(0);
    opacity: 1;
  }
}

/* --- Beschriftung --- */
.polaroid figcaption {
  position: absolute;
  bottom: 1rem; /* 15px */
  left: 1rem;
  right: 1rem;
  text-align: center;
  font-family: var(--font-handwriting);
  font-size: 1.2rem;
  color: var(--marker-color);
  line-height: 1;
}

/* --- Responsive --- */
@media (max-width: 1200px) {
  .polaroid {
    width: calc(33.33% - 2.5rem);
  }
} /* 40px */
@media (max-width: 900px) {
  .polaroid {
    width: calc(50% - 2.5rem);
  }
} /* 40px */
@media (max-width: 600px) {
  .polaroid {
    width: calc(100% - 2.5rem);
  }
  body {
    padding: 1rem;
  }
}

/* Container spacing (optional) */
.section-tb-padding { padding-top: 30px; padding-bottom: 30px; }

/* Video box wrapper */
.video-box {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  background: #000;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Make iframe cover the box (crop as needed) */
.video-box iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  /* use min dimensions so iframe fills box and can be cropped */
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  border: 0;
}

/* Small tweak: maintain consistent gap on mobiles */
.video-grid .mb-3 { padding: 8px; }
@media (max-width: 575px) {
  .video-box { padding-top: 56.25%; } /* keeps 16:9 on phone */
}

.notification-marquee {
  width: 100%;
  overflow: hidden;
  padding: 2px 0;
}

.notification-marquee p {
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 35s linear infinite; /* 15s me ek loop */
  font-size: 16px;
  margin: 0;
  padding-left: 100%;
  color: red;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
 .back-sec{
    max-width: auto;
    background-color:#ffffff82;
    width: fit-content;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    border-radius: 5px;
	}
	.text-title-heading{
	    color:#000;
	}
	.breadcrumbs{
	    text-align:center;
	}
	.breadcrumbs a{
	 font-weight: bold; 
	 font-size:15px;
	}
.delimiter::before {
  content: "/";
  color: #000; 
  margin: 0 8px; 
   /* optional */
}
.blog-image img{
        height: 212px;
}




.pro-input-label {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.pro-input-label li {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pro-input-label li.full-width {
    flex: 1 1 100%;
}

.pro-input-label label {
    font-weight: 600;
    margin-bottom: 6px;
}

.pro-input-label input,
.pro-input-label select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    width: 100%;
}

.pro-submit {
    text-align: right;
}

.btn.btn-style1 {
    /*background-color: #007bff;*/
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    transition: 0.3s;
}

.btn.btn-style1:hover {
    background-color:#ae3a3a;
}

.add-label-input {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.add-label-input li {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.add-label-input li.full-width {
    flex: 1 1 100%;
}

.add-label-input label {
    font-weight: 600;
    margin-bottom: 6px;
}

.add-label-input input,
.add-label-input select {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    width: 100%;
}

.address-type {
    margin-bottom: 20px;
}

.address-options {
    display: flex;
    gap: 20px;
    margin-top: 6px;
}

.address-options label {
    font-weight: 500;
}

.pro-submit {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .pro-icn form {
  display: flex;
  align-items: center;
}


@media (max-width:575px) {
  .tred-pro .pro-icn form button.w-c-q-icn {
    width: 35px;
        height: 35px;
        font-size: 14px;
        opacity: 1;
        visibility: visible;
}
.pro-det{
    display:flex;
}
.pro-page .pro-image .pro-info .pro-btn form button {
        padding:8px 10px;
    }
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child{
    
    margin-right: -15px;
}
}


 .pro-btn form {
    display: inline-block;
    /*margin-right:5px;*/
}
.pro-btn button {
    cursor: pointer;
}


.pro-icn {
  display: flex;
  align-items: center;
  gap: 10px; /* icons ke beech space */
}

.pro-icn form {
  display: inline-block;
  margin: 0;
}

.pro-icn button.w-c-q-icn,
.pro-icn a.w-c-q-icn {
  background: none;
  border: none;
  color: #333;
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s;
}

.pro-icn button.w-c-q-icn:hover,
.pro-icn a.w-c-q-icn:hover {
  color: #d00;
}