@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
=====================================*/

:root {
    --custom_theme_color: #d4af37;
}

:root body.theme-1 {
    --theme-color: #cd7752;
}

:root body.theme-2 {
    --theme-color: #0d6efd;
}

:root body.theme-3 {
    --theme-color: #FBD9B3;
}

:root body.theme-4 {
    --theme-color: #FF6F61;
}

:root body.theme-5 {
    --theme-color: #C21E56;
}

:root body.theme-6 {
    --theme-color: #FF5733;
}

:root body.theme-7 {
    --theme-color: #f5ab1e;
}

:root body.theme-8 {
    --theme-color: #672d2d;
}

:root body.theme-9 {
    --theme-color: #75FF33;
}

:root body.theme-10 {
    --theme-color: #33FFBD;
}

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

:focus {
    outline: none;
}

a {
    color: #000;
    display: inline-block;
    text-decoration: none;
}

a:hover {
    color: var(--theme-color);
    text-decoration: none;
}

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

img {
    backface-visibility: hidden;
}

span {
    display: inline-block;
}

button {
    padding: 0;
    border: none;
    cursor: pointer;
}

button,
button:hover {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

button,
button:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler: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 {
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: var(--theme-color);

    font-weight: 600;
    border: 2px solid var(--theme-color);
    border-radius: 25px;
}

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

/* btn style 2 css */
.btn-style2 {
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: #222;

    font-weight: 600;
    border-radius: 25px;
}

.btn-style2:hover {
    color: #fff;
    background-color: var(--theme-color);
}

/* btn style 3 css */
.btn-style3 {
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: var(--theme-color);

    font-weight: 600;
    border-radius: 0;
}

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

/* 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: 40px;
    padding-bottom: 40px;
}

.section-1t-padding {
    padding-top: 30px;
}

.section-1b-padding {
    padding-bottom: 30px;
}

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

/* breadcrumb padding */
.breadcrumb-t-padding {
    padding-top: 30px;
}

.breadcrumb-b-padding {
    padding-top: 30px;
}

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

@media (max-width: 767px) {
    .breadcrumb-t-padding {
        padding-top: 20px;
    }

    .breadcrumb-b-padding {
        padding-bottom: 20px;
    }

    .breadcrumb-tb-padding {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

/* section title css */
.section-title h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 60px;
}

/* home-1 container css */
.home-1 .container {
    max-width: 1200px;
}

/* top notification css */
/* currency css */
.top1 {
    background-color: #222;
}

.top1 ul.top-home {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top1 ul.top-home li.top-home-li .currency {
    display: flex;
    align-items: center;
}

.top1 ul.top-home li.top-home-li .currency span.currency-head {
    color: #fff;
    padding: 10px 0;

}

.top1 ul.top-home li.top-home-li .currency .currency-drop {
    position: relative;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop .eur {
    padding: 14px 11px;
    display: flex;
    align-items: center;
    position: relative;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop .eur::after {
    content: "\e604";
    font-family: "simple-line-icons";
    font-size: 9px;
    color: #fff;
    position: absolute;
    right: -3px;
    bottom: 50%;
    transform: translateY(50%);
}

.top1 ul.top-home li.top-home-li .currency .currency-drop .eur span.cur-name {
    color: #fff;
    font-size: 13px;
    margin-left: 8px;
    text-transform: uppercase;
    line-height: 1;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 7;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop:hover ul.all-currency {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency li {
    padding: 8px 15px;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency li a {
    display: flex;
    align-items: center;
}

.top1 ul.top-home li.top-home-li .currency .currency-drop ul.all-currency li a span {
    font-size: 13px;
    margin-left: 5px;
    text-transform: uppercase;
    line-height: 1;
}

/* top search css */
.top1 ul.top-home li.top-home-li .r-search {
    position: relative;
    display: none;
}

.top1 ul.top-home li.top-home-li .r-search a.search-popuup {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 0;
}

.top1 ul.top-home li.top-home-li .r-search .modal-dialog {
    margin: 0px;
    max-width: 100%;
}

.top1 ul.top-home li.top-home-li .r-search .modal-content {
    background-color: var(--theme-color);
    border: none;
    border-radius: 0px;
}

.top1 ul.top-home li.top-home-li .r-search .modal-body {
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

.top1 ul.top-home li.top-home-li .r-search .m-drop-search {
    width: 100%;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
}

.top1 ul.top-home li.top-home-li .r-search .m-drop-search input {
    height: 40px;
    border-radius: 25px;
    border: 1px solid #c7c7c7;
    width: 100%;
}

.top1 ul.top-home li.top-home-li .r-search .m-drop-search button.search-btn {
    color: #fff;
    font-size: 16px;
    position: absolute;
    right: 0;
    height: 100%;
    width: 40px;
    background-color: #222;
    border: none;
    border-radius: 100%;
    line-height: 0;
}

.top1 ul.top-home li.top-home-li .r-search button.close {
    display: block;
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    opacity: 1;
    line-height: 0;
    background-color: transparent;
}

/* top offer css */
.top1 ul.top-home li.top-home-li .top-content p {
    color: #fff;
    font-size: 14px;
    padding: 5px 0;

}

.top1 ul.top-home li.top-home-li .top-content p span.top-c {
    font-weight: 600;
    animation: blinker .7s infinite;
}

@keyframes blinker {
    50% {
        color: var(--theme-color);
    }
}

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

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

@media (max-width: 1199px) {
    .header-main-area.is-sticky {
        background-color: #ffffff;
    }
}

.header-main-area.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 8;
    width: 100%;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-150px);
    }

    100% {
        transform: translateY(0px);
    }
}

.header-main-area .header-main {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

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

.header-main-area .header-main .search-wrap input {
    width: 100%;
    height: 40px;
    border: 1px solid #c7c7c7;
    border-radius: 25px;

}

.header-main-area .header-main .search-wrap a {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0px;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border: none;
    border-radius: 50%;
    line-height: 0;
}

.header-main-area .header-main .search-wrap a:hover {
    background-color: var(--theme-color);
}

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

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

/* 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: 15px;
}

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

/* user account css */
.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: var(--theme-color);
    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: var(--theme-color);
}

.right-block-box ul.shop-element li.user-wrap .acc-mob {
    display: none;
}

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

.wishlist-wrap a.header-wishlist span.wishlist-icon {
    display: block;
    font-size: 30px;
}

.wishlist-wrap a.header-wishlist span.wishlist-counter {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 20px;
    top: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--theme-color);
    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 {
    display: block;
    position: relative;
}

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

.wishlist-wrap a.header-wishlist:hover .icon-circle,
.shopping-widget .shopping-cart a.cart-count:hover .icon-circle,
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-icon-link:hover {
    border-color: var(--custom_theme_color);
    background: #fafafa;
}

.wishlist-wrap a.header-wishlist:hover .icon-circle i,
.shopping-widget .shopping-cart a.cart-count:hover .icon-circle i,
.right-block-box ul.shop-element li.user-wrap .acc-desk .user-icon-link:hover i {
    color: var(--custom_theme_color);
}

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

/* mini cart css */
.mini-cart {
    position: fixed;
    top: 0;
    right: -380px;
    width: 380px;
    height: 100%;
    background-color: #fff;
    box-shadow: -5px 0 30px rgba(0, 0, 0, .1);
    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.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.mini-cart a.shopping-cart-close {
    position: absolute;
    top: 16px;
    right: 16px;
    line-height: 1;
    font-size: 20px;
    color: #fff;
    z-index: 10;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    transition: all .3s;
    cursor: pointer;
}

.mini-cart a.shopping-cart-close:hover {
    background: rgba(255, 255, 255, .3);
    transform: rotate(90deg);
}

.mini-cart a.shopping-cart-close i {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mini-cart .cart-tempty-title {
    padding: 40px 20px;
    text-align: center;
}

.mini-cart .cart-tempty-title p {
    color: #999;
    font-size: 15px;
    margin: 0;
}

.mini-cart .cart-item-title {
    background: linear-gradient(135deg, var(--custom_theme_color), var(--custom_theme_color_light));
    padding: 20px;
    color: #fff;
    position: relative;
}

.mini-cart .cart-item-title p {
    margin: 0;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 500;
}

.mini-cart .cart-item-title .cart-count-item {
    font-weight: 700;
    margin: 0 5px;
    font-size: 16px;
}

.mini-cart ul.cart-item-loop,
.all-filter .categories-page-filter ul.all-option,
.all-filter .filter-tag ul.all-tag {
    max-height: calc(100% - 240px);
    overflow-y: auto;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar {
    width: 6px;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-track,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-track,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-thumb,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-thumb {
    background-color: var(--custom_theme_color);
    border-radius: 10px;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-thumb:hover,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-thumb:hover,
.all-filter .pro-size ul.all-size::-webkit-scrollbar-thumb:hover,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-thumb:hover {
    background-color: #c19b2e;
}

.mini-cart ul.cart-item-loop li.cart-item {
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: background .3s;
}

.mini-cart ul.cart-item-loop li.cart-item:hover {
    background: #fafafa;
}

.mini-cart ul.cart-item-loop li.cart-item:last-child {
    border-bottom: none;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title {
    width: calc(100% - 95px);
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 {
    font-size: 14px;
    width: 100%;
    /* margin-bottom: 8px; */
    line-height: 1.4;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #2d2d2d;
    font-weight: 500;
    transition: color .3s;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title h6 a:hover {
    color: var(--custom_theme_color);
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* margin-top: 10px; */
    gap: 10px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price {
    display: flex;
    flex-direction: column;
    gap: 0px;
    flex: 1;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price span {
    font-size: 13px;
    color: #666;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .cart-qty-price span.price-box {
    font-weight: 600;
    color: var(--custom_theme_color);
    font-size: 15px;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .remove_from_cart,
.cart-panel .cart-remove-item {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffebee;
    color: #e74c3c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all .3s;
    cursor: pointer;
    flex-shrink: 0;
    border: 1px solid #ffe0e0;
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .remove_from_cart:hover {
    background: #e74c3c;
    color: #fff;
    border-color: #e74c3c;
    transform: scale(1.08);
}

.mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info .remove_from_cart i {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mini-cart ul.subtotal-title-area {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .05);
}

.mini-cart ul.subtotal-title-area li.subtotal-info {
    padding: 18px 20px;
    border-top: 1px solid #f0f0f0;
}

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

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles h6 {
    font-size: 15px;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0;
}

.mini-cart ul.subtotal-title-area li.subtotal-info .subtotal-titles .subtotal-price {
    color: var(--custom_theme_color);
    font-weight: 700;
    font-size: 18px;
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns {
    padding: 20px;
}

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

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a {
    width: 100%;
    background: linear-gradient(135deg, var(--custom_theme_color), var(--custom_theme_color_light));
    color: #fff;
    border: none;
    padding: 14px;
    text-align: center;
    display: block;
    border-radius: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    transition: all .3s;
    box-shadow: 0 4px 15px rgba(212, 175, 55, .3);
}

.mini-cart ul.subtotal-title-area li.mini-cart-btns .cart-btns a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(212, 175, 55, .4);
}

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

.header-bottom-area .main-menu-area {
    position: relative;
    border-top: 1px solid #ddd;
}

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

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

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
    display: block;
    position: relative;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    font-weight: 500;

}

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

.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot {
    color: #fff;
    font-size: 9px;
    padding: 2px 4px;
    position: absolute;
    right: 7px;
    top: -12px;
    background-color: #ee433f;
    transform: translateX(100%);
    text-transform: uppercase;
    font-weight: 400;
    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 #ee433f;
    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;
    right: 0px;
    bottom: 50%;
    transform: translateY(50%);
    width: 1px;
    height: 25px;
    background-color: #505050;
    opacity: 0.1;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link:last-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: 11;
    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: 145px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu {
    width: 100%;
    left: 0;
}

.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 {
    width: 100%;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li {
    width: 25%;
    padding: 0px 15px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title {
    font-size: 16px;
    margin-bottom: 10px;
}

.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:hover img {
    transform: scale(1.1);
}

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

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li:hover ul.blog-style-1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a {
    width: 100%;
    padding: 5px 15px;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a i {
    font-size: 17px;
    float: right;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style {
    display: none;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style.collapse:not(.show) {
    display: block;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 0px;
    min-width: 155px;
    transform: translateX(100%);
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li {
    position: relative;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li:hover ul.grid-style {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* hotline css */
.img-hotline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.img-hotline .image-line {
    margin-right: -35%;
}

.img-hotline .image-line video,
.img-hotline .image-line img {
    max-width: 38%;
    height: auto;
    display: block;
}

.img-hotline .image-content {
    margin-left: 10px;
}

.img-hotline .image-content span {
    color: #848484;
}

.img-hotline .image-content span.hot-l {
    display: block;
    color: var(--theme-color);

}

/* slider css */
.slider .home-slider .img-back {
    height: 650px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* video banner */
.slider .home-slider .img-back .video-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

.slider .home-slider .img-back .h-s-content {
    position: relative;
    width: 45%;
    z-index: 1;
}

.slider .home-slider .img-back .h-s-content.slide-c-l {
    margin-left: 10%;
    margin-right: auto;
}

.slider .home-slider .img-back .h-s-content.slide-c-r {
    margin-left: auto;
    margin-right: 10%;
    text-align: right;
}

.slider .home-slider .img-back .h-s-content.slide-c-c {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.slider .home-slider .owl-item.active .img-back .h-s-content span,
.slider .home-slider .owl-item.active .img-back .h-s-content h1,
.slider .home-slider .owl-item.active .img-back .h-s-content a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slider .home-slider .owl-item.active .img-back .h-s-content span {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 0.7s;
}

.slider .home-slider .owl-item.active .img-back .h-s-content h1 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-duration: 1.0s;
}

.slider .home-slider .owl-item.active .img-back .h-s-content a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
}

.slider .home-slider .img-back .h-s-content span {
    font-size: 20px;
    font-weight: 600;
}

.slider .home-slider .img-back .h-s-content h1 {
    font-size: 50px;
    margin-top: 12px;
}

.slider .home-slider .img-back .h-s-content a {
    margin-top: 19px;
}

/* cta css */
.cta-section .img-back {
    position: relative;
    z-index: 1;
    padding: 80px 10%;
    min-height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.cta-section .img-back::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.15);
    z-index: 0;
}

.cta-section .img-back .h-s-content {
    position: relative;
    max-width: 600px;
    width: 100%;
    z-index: 1;
}

.cta-section .img-back .h-s-content.slide-c-l {
    text-align: left;
    margin-right: auto;
}

.cta-section .img-back .h-s-content.slide-c-r {
    text-align: right;
    margin-left: auto;
}

.cta-section .img-back .h-s-content.slide-c-c {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.cta-section .owl-item.active .img-back .h-s-content span,
.cta-section .owl-item.active .img-back .h-s-content h1,
.cta-section .owl-item.active .img-back .h-s-content a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.cta-section .owl-item.active .img-back .h-s-content span {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-duration: 0.7s;
}

.cta-section .owl-item.active .img-back .h-s-content h1 {
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    animation-duration: 1.0s;
}

.cta-section .owl-item.active .img-back .h-s-content a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
}

.cta-section .img-back .h-s-content span {
    font-size: 20px;
    font-weight: 600;
}

.cta-section .img-back .h-s-content h1 {
    font-size: 50px;
    margin-top: 12px;
}

.cta-section .img-back .h-s-content a {
    margin-top: 19px;
}

/* slider navigation css */
.slider {
    position: relative;
}

.slider .home-slider.owl-theme .owl-nav {
    margin-top: 0;
    position: static;
    height: 0;
    overflow: visible;
}

.slider .home-slider.owl-carousel {
    position: relative;
}

.slider .home-slider .owl-nav button {
    background-color: var(--theme-color);
    color: #fff;
    border: 2px solid var(--theme-color);
    position: absolute;
    top: calc(50% - 19px);
    transform: none;
    font-size: 18px;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 100%;
    z-index: 5;
    transition: background-color 0.3s ease, color 0.3s ease;
}

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

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

.slider .home-slider .owl-nav button:hover {
    background-color: transparent;
    color: var(--theme-color);
    transform: none;
}

/* slider dot css */
.slider .home-slider .owl-dots {
    position: absolute;
    bottom: 10px;
    right: 0px;
    left: 0px;
    line-height: 0px;
}

.slider .home-slider .owl-dots button {
    margin-right: 10px;
}

.slider .home-slider .owl-dots button:last-child {
    margin-right: 0px;
}

.slider .home-slider .owl-dots button.owl-dot span {
    width: 6px;
    height: 6px;
    margin: 0px;
    background-color: var(--theme-color);
    border-radius: 50%;
}

.slider .home-slider .owl-dots button.owl-dot.active span,
.slider .home-slider .owl-dots button.owl-dot:hover span {
    background-color: #000000;
}

.slider .owl-theme .owl-nav .disabled {
    opacity: 1;
}

/* Luxury Offer Banner */
.luxury-offer-banner {
    position: relative;
    overflow: hidden;
}

.luxury-banner-grid {
    display: flex;
    gap: 25px;
}

.luxury-banner-item {
    flex: 1;
}

.luxury-banner-link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    height: 350px;
}



.luxury-banner-link:hover {
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(205, 119, 82, 0.15);
    transform: translateY(-8px);
}

.luxury-banner-img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s ease;
    filter: brightness(0.95);
}

.luxury-banner-link:hover .luxury-banner-img {
    transform: scale(1.1);
    filter: brightness(1.05);
}

.luxury-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 25%, rgba(0, 0, 0, 0.65) 100%);
    transition: all 0.6s ease;
}

/* .luxury-banner-overlay::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color), transparent);
    opacity: 0;
    transition: opacity 0.5s ease;
} */

.luxury-banner-link:hover .luxury-banner-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.75) 100%);
}

.luxury-banner-link:hover .luxury-banner-overlay::after {
    opacity: 1;
}

.luxury-banner-content {
    position: absolute;
    bottom: 35px;
    left: 35px;
    right: 35px;
    z-index: 2;
    transform: translateY(5px);
    transition: transform 0.5s ease;
}

.luxury-banner-link:hover .luxury-banner-content {
    transform: translateY(0);
}

.luxury-banner-title {
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    line-height: 1.3;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
    transition: all 0.5s ease;
    position: relative;
}

.luxury-banner-title::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width 0.5s ease;
}

.luxury-banner-link:hover .luxury-banner-title {
    letter-spacing: 3.5px;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
}

.luxury-banner-link:hover .luxury-banner-title::after {
    width: 60px;
}

.luxury-banner-btn {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 11px 28px;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    transition: all 0.5s ease;
    backdrop-filter: blur(8px);
    position: relative;
    overflow: hidden;
}

.luxury-banner-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.luxury-banner-link:hover .luxury-banner-btn {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.9);
    padding: 11px 33px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.luxury-banner-link:hover .luxury-banner-btn::before {
    width: 300px;
    height: 300px;
}

.luxury-banner-btn i {
    margin-left: 10px;
    font-size: 12px;
    transition: transform 0.4s ease;
    position: relative;
    z-index: 1;
}

.luxury-banner-link:hover .luxury-banner-btn i {
    transform: translateX(6px);
}

/* Old Banner grid css - Keep for backward compatibility */
.t-banner1 .home-offer-banner {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
}

.t-banner1 .home-offer-banner .o-t-banner {
    width: calc(50% - 30px);
    margin-left: 30px;
    position: relative;
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b {
    display: block;
    overflow: hidden;
    position: relative;
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b::after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    opacity: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    z-index: 1;
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::before {
    opacity: 1;
    visibility: visible;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.t-banner1 .home-offer-banner .o-t-banner:hover a.image-b img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.t-banner1 .home-offer-banner .o-t-banner a.image-b::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::after,
.t-banner1 .home-offer-banner .o-t-banner a.image-b:hover::before,
.t-banner1 .home-offer-banner .o-t-banner a.image-b img,
.t-banner1 .home-offer-banner .o-t-banner:hover a.image-b img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.t-banner1 .home-offer-banner .o-t-banner .o-t-content {
    width: 50%;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 30px;
}

.t-banner1 .home-offer-banner .o-t-banner .o-t-content h6 {
    font-size: 22px;
    color: #fff;
}

.t-banner1 .home-offer-banner .o-t-banner .o-t-content a {
    margin-top: 21px;
}

.t-banner1 .home-offer-banner .o-t-banner .banner-color h6 {
    color: #000;
}

/* Luxury Category Slider */
.luxury-category-section {
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    position: relative;
    overflow: hidden;
}

.luxury-category-section::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(205, 119, 82, 0.03) 0%, transparent 70%);
    animation: shimmer 15s ease-in-out infinite;
}

@keyframes shimmer {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10%, 10%);
    }
}

.luxury-section-title {
    text-align: center;
    position: relative;
    z-index: 1;
}

@keyframes expandLine {
    to {
        width: 100%;
    }
}

.luxury-section-title .title-underline {
    width: 80px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--theme-color), transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 10px rgba(205, 119, 82, 0.3);
}

.luxury-section-title .title-underline::before,
.luxury-section-title .title-underline::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -3px;
    box-shadow: 0 0 8px rgba(205, 119, 82, 0.5);
    animation: pulse 2s ease-in-out infinite;
}

.luxury-section-title .title-underline::before {
    left: -20px;
}

.luxury-section-title .title-underline::after {
    right: -20px;
    animation-delay: 1s;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 0.7;
    }
}

.luxury-category-carousel .items {
    padding: 0 10px;
}

.luxury-cat-link {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
}

.luxury-cat-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.8s ease;
    z-index: 3;
}

.luxury-cat-link:hover::before {
    left: 100%;
}

.luxury-cat-link:hover {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 20px rgba(205, 119, 82, 0.1);
    transform: translateY(-12px);
}

.luxury-cat-img-wrap {
    position: relative;
    overflow: hidden;
    height: 280px;
    border-radius: 12px;
}

.luxury-cat-img-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.luxury-cat-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s ease;
    filter: brightness(1) contrast(1.05);
}

.luxury-cat-link:hover .luxury-cat-img {
    transform: scale(1.12) rotate(2deg);
    filter: brightness(1.1) contrast(1.1);
}

.luxury-cat-link:hover .luxury-cat-img-wrap::after {
    opacity: 1;
}

.luxury-cat-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.7) 100%);
    transition: all 0.6s ease;
}

/* .luxury-cat-overlay::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color), transparent);
    opacity: 0;
    transition: opacity 0.5s ease;
} */

.luxury-cat-link:hover .luxury-cat-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.88) 100%);
}

.luxury-cat-link:hover .luxury-cat-overlay::before {
    opacity: 1;
}

.luxury-cat-content {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    padding: 25px 15px;
    text-align: center;
    z-index: 2;
    transform: translateY(10px);
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-cat-link:hover .luxury-cat-content {
    transform: translateY(0);
}

.luxury-cat-name {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    opacity: 0.95;
    transition: all 0.5s ease;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
}

.luxury-cat-name::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.6);
    transition: width 0.4s ease;
}

.luxury-cat-link:hover .luxury-cat-name {
    letter-spacing: 3.5px;
    opacity: 1;
    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(205, 119, 82, 0.3);
}

.luxury-cat-link:hover .luxury-cat-name::after {
    width: 60%;
}

.luxury-cat-count {
    display: block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 4px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease 0.1s;
}

.luxury-cat-link:hover .luxury-cat-count {
    opacity: 1;
    transform: translateY(0);
}

.luxury-explore-btn {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 24px;
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    opacity: 0;
    transform: translateY(15px) scale(0.9);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(5px);
}

.luxury-explore-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.5s ease, height 0.5s ease;
}

.luxury-cat-link:hover .luxury-explore-btn {
    opacity: 1;
    transform: translateY(0) scale(1);
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.9);
    padding: 10px 28px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.luxury-cat-link:hover .luxury-explore-btn::before {
    width: 300px;
    height: 300px;
}

.luxury-explore-btn i {
    margin-left: 8px;
    font-size: 9px;
    transition: transform 0.4s ease;
    position: relative;
    z-index: 1;
}

.luxury-cat-link:hover .luxury-explore-btn i {
    transform: translateX(6px);
    animation: arrowBounce 0.8s ease infinite;
}

@keyframes arrowBounce {

    0%,
    100% {
        transform: translateX(6px);
    }

    50% {
        transform: translateX(10px);
    }
}

/* Old Category CSS - Keep for backward compatibility */
.category-img1 {
    background-color: #f7f7f7;
}

.category-img1 .home-category .h-cate {
    text-align: center;
}

.category-img1 .home-category .h-cate .c-img a {
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 100%;
}

.category-img1 .home-category .h-cate .c-img a::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    border-radius: 100%;
    transform: scale(0);
}

.category-img1 .home-category .h-cate .c-img a::before,
.category-img1 .home-category .h-cate:hover .c-img 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;
}

.category-img1 .home-category .h-cate:hover .c-img a::before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.category-img1 .home-category .h-cate .c-img a img {
    border-radius: 100%;
}

.category-img1 .home-category .h-cate .c-img a span {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    left: 0px;

    opacity: 0;
    visibility: hidden;
}

.category-img1 .home-category .h-cate:hover .c-img a span {
    opacity: 1;
    visibility: visible;
}

.category-img1 .home-category .h-cate .c-img a span,
.category-img1 .home-category .h-cate:hover .c-img a 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;
}

.category-img1 .home-category .h-cate span.cat-num {
    margin-top: 3px;
}

/* Luxury Category Carousel Navigation */
.luxury-category-carousel.owl-carousel .owl-nav {
    margin-top: 0;
}

.luxury-category-carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-color) !important;
    color: #fff !important;
    font-size: 18px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid var(--theme-color) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.luxury-category-carousel:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.luxury-category-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.luxury-category-carousel.owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.luxury-category-carousel:hover .owl-nav button.owl-prev {
    left: 10px;
}

.luxury-category-carousel:hover .owl-nav button.owl-next {
    right: 10px;
}

.luxury-category-carousel.owl-carousel .owl-nav button:hover {
    background: transparent !important;
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

/* Old Carousel button css - Keep for backward compatibility */
.home-category.owl-carousel .owl-nav {
    margin-top: 0;
}

.home-category.owl-carousel .owl-nav button,
.h-t-products1 .trending-products .owl-nav button,
.testimonial-bg1 .testi-m .owl-nav button {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    background-color: var(--theme-color);
    color: #fff;
    font-size: 20px;
    margin: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.category-img1 .home-category:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.category-img1 .home-category:hover .owl-nav button.owl-prev {
    left: -10px;
}

.category-img1 .home-category:hover .owl-nav button.owl-next {
    right: -10px;
}

.home-category.owl-carousel .owl-nav button:hover,
.h-t-products1 .trending-products .owl-nav button:hover,
.testimonial-bg1 .testi-m .owl-nav button:hover {
    background-color: #fff;
    color: var(--theme-color);
}

.home-category.owl-carousel .owl-nav button.owl-prev,
.h-t-products1 .trending-products .owl-nav button.owl-prev,
.testimonial-bg1 .testi-m .owl-nav button.owl-prev {
    left: 10px;
}

.home-category.owl-carousel .owl-nav button.owl-next,
.h-t-products1 .trending-products .owl-nav button.owl-next,
.testimonial-bg1 .testi-m .owl-nav button.owl-next {
    right: 10px;
}

.h-t-products1 .trending-products .owl-nav button,
.testimonial-bg1 .testi-m .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.h-t-products1 .trending-products .owl-nav button:hover,
.testimonial-bg1 .testi-m .owl-nav button:hover {
    background-color: #fff;
    color: var(--theme-color);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.h-t-products1 .trending-products .owl-nav button.owl-prev,
.testimonial-bg1 .testi-m .owl-nav button.owl-prev {
    left: 10px;
}

.h-t-products1 .trending-products .owl-nav button.owl-next,
.testimonial-bg1 .testi-m .owl-nav button.owl-next {
    right: 10px;
}

/* Carousel Dots css */
.testimonial-bg1 .testi-m.owl-theme .owl-dots {
    margin-top: 30px;
    line-height: 0px;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots button {
    margin-right: 10px;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots button:last-child {
    margin-right: 0px;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots button.owl-dot span {
    width: 6px;
    height: 6px;
    margin: 0px;
    background-color: var(--theme-color);
    border-radius: 50%;
}

.testimonial-bg1 .testi-m.owl-theme .owl-dots .owl-dot.active span,
.testimonial-bg1 .testi-m.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #000;
}

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

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

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

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
    background-color: var(--theme-color);
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev {
    background-image: none;
    height: 30px;
    width: 30px;
    display: flex;
    border-radius: 50%;
    color: #fff;
    opacity: 1;
    z-index: 6;
    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;
}

.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:hover,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-prev:hover,
.pro-tab-slider .swiper-buttons .content-buttons .swiper-button-next:focus {
    background-color: #fff;
    color: var(--theme-color);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    outline: none;
}

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

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

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

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

/* Luxury Featured Products */
.luxury-featured-products {
    position: relative;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    overflow: hidden;
}

.luxury-featured-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.luxury-featured-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 50%, rgba(205, 119, 82, 0.04) 0%, transparent 50%),
        radial-gradient(circle at 70% 50%, rgba(205, 119, 82, 0.03) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
}

@keyframes luxuryShimmer {

    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(10%, 5%) rotate(90deg);
    }

    50% {
        transform: translate(5%, 10%) rotate(180deg);
    }

    75% {
        transform: translate(-5%, 5%) rotate(270deg);
    }
}

.luxury-featured-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* ── 6 directional keyframes for multi-direction floating ── */
@keyframes pfloatUp {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 0;
    }

    10% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.7;
    }

    90% {
        opacity: 0.35;
    }

    100% {
        transform: translate(0, -110px) rotate(8deg);
        opacity: 0;
    }
}

@keyframes pfloatUpLeft {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 0;
    }

    10% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.65;
    }

    90% {
        opacity: 0.3;
    }

    100% {
        transform: translate(-70px, -100px) rotate(-12deg);
        opacity: 0;
    }
}

@keyframes pfloatUpRight {
    0% {
        transform: translate(0, 0) rotate(0deg);
        opacity: 0;
    }

    10% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.65;
    }

    90% {
        opacity: 0.3;
    }

    100% {
        transform: translate(70px, -100px) rotate(12deg);
        opacity: 0;
    }
}

@keyframes pfloatDiagLeft {
    0% {
        transform: translate(0, 0) rotate(5deg);
        opacity: 0;
    }

    10% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.6;
    }

    90% {
        opacity: 0.25;
    }

    100% {
        transform: translate(-90px, -80px) rotate(-15deg);
        opacity: 0;
    }
}

@keyframes pfloatDiagRight {
    0% {
        transform: translate(0, 0) rotate(-5deg);
        opacity: 0;
    }

    10% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.6;
    }

    90% {
        opacity: 0.25;
    }

    100% {
        transform: translate(90px, -80px) rotate(15deg);
        opacity: 0;
    }
}

@keyframes pfloatDrift {
    0% {
        transform: translate(0, 0) rotate(-8deg);
        opacity: 0;
    }

    25% {
        opacity: 0.6;
        transform: translate(30px, -40px) rotate(0deg);
    }

    75% {
        opacity: 0.45;
        transform: translate(-20px, -80px) rotate(8deg);
    }

    100% {
        transform: translate(10px, -110px) rotate(-4deg);
        opacity: 0;
    }
}

.luxury-featured-particles .particle {
    position: absolute;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    opacity: 0;
    pointer-events: none;
}

/* child 1 — classic rect bottle, bottom-left, floats up-right, small */
.luxury-featured-particles .particle:nth-child(1) {
    left: 3%;
    bottom: 15%;
    width: 24px;
    height: 30px;
    animation: pfloatUpRight 13s 0s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

/* child 2 — wide label bottle, top-left, floats diagonal-right, medium */
.luxury-featured-particles .particle:nth-child(2) {
    left: 8%;
    top: 10%;
    width: 34px;
    height: 42px;
    animation: pfloatDiagRight 16s 2s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

/* child 3 — slim tall bottle, mid-left, floats up, large */
.luxury-featured-particles .particle:nth-child(3) {
    left: 16%;
    bottom: 5%;
    width: 28px;
    height: 46px;
    animation: pfloatUp 18s 5s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

/* child 4 — round bottle, mid-left upper, drifts, small */
.luxury-featured-particles .particle:nth-child(4) {
    left: 22%;
    top: 30%;
    width: 30px;
    height: 36px;
    animation: pfloatDrift 14s 1s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

/* child 5 — angular cap bottle, left-center-low, floats up-left, medium */
.luxury-featured-particles .particle:nth-child(5) {
    left: 6%;
    top: 55%;
    width: 32px;
    height: 40px;
    animation: pfloatUpLeft 15s 7s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

/* child 6 — trapezoid-shoulder bottle, left-lower, diag-left, large */
.luxury-featured-particles .particle:nth-child(6) {
    left: 28%;
    bottom: 8%;
    width: 38px;
    height: 48px;
    animation: pfloatDiagLeft 17s 4s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='15' y='2' width='10' height='5' rx='2'/%3E%3Cpath d='M13 7h14l3 5H10l3-5z'/%3E%3Crect x='7' y='12' width='26' height='36' rx='5'/%3E%3Cellipse cx='20' cy='30' rx='7' ry='9'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

/* child 7 — classic rect bottle, right-lower, floats up, small */
.luxury-featured-particles .particle:nth-child(7) {
    right: 5%;
    bottom: 12%;
    width: 26px;
    height: 32px;
    animation: pfloatUp 12s 3s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

/* child 8 — wide label bottle, top-right, floats up-left, medium */
.luxury-featured-particles .particle:nth-child(8) {
    right: 10%;
    top: 8%;
    width: 32px;
    height: 40px;
    animation: pfloatUpLeft 19s 6s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

/* child 9 — round bottle, right-center, drifts, large */
.luxury-featured-particles .particle:nth-child(9) {
    right: 18%;
    top: 40%;
    width: 38px;
    height: 44px;
    animation: pfloatDrift 16s 9s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

/* child 10 — slim tall bottle, right-lower-mid, diag-right, medium */
.luxury-featured-particles .particle:nth-child(10) {
    right: 8%;
    top: 62%;
    width: 24px;
    height: 42px;
    animation: pfloatDiagRight 14s 11s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

/* child 11 — trapezoid-shoulder bottle, right-mid, floats up, small */
.luxury-featured-particles .particle:nth-child(11) {
    right: 25%;
    bottom: 20%;
    width: 28px;
    height: 36px;
    animation: pfloatUp 20s 8s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='15' y='2' width='10' height='5' rx='2'/%3E%3Cpath d='M13 7h14l3 5H10l3-5z'/%3E%3Crect x='7' y='12' width='26' height='36' rx='5'/%3E%3Cellipse cx='20' cy='30' rx='7' ry='9'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

/* child 12 — angular cap bottle, far-right, diag-left, large */
.luxury-featured-particles .particle:nth-child(12) {
    right: 2%;
    top: 22%;
    width: 36px;
    height: 44px;
    animation: pfloatDiagLeft 15s 13s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

/* keep particleFloat as a no-op fallback (not used above) */
@keyframes particleFloat {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    10% {
        opacity: 0.5;
    }

    90% {
        opacity: 0.3;
    }

    100% {
        opacity: 0;
        transform: translate(0, -100px);
    }
}

.luxury-featured-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.luxury-featured-icon {
    margin-bottom: 20px;
    animation: iconPulse 3s ease-in-out infinite;
}

.luxury-featured-icon i {
    font-size: 42px;
    color: var(--theme-color);
    filter: drop-shadow(0 4px 12px rgba(205, 119, 82, 0.3));
}

@keyframes iconPulse {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(1.15) rotate(10deg);
    }
}

.luxury-featured-title {
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0 0 0px;
    position: relative;
    display: inline-block;
    background: linear-gradient(135deg, #1a1a1a 0%, var(--theme-color) 50%, #1a1a1a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: luxuryGradient 4s ease-in-out infinite;
}

@keyframes luxuryGradient {

    0%,
    100% {
        background-position: 0% center;
    }

    50% {
        background-position: 100% center;
    }
}

@keyframes titleLineExpand {
    to {
        width: 120%;
    }
}

.luxury-featured-underline {
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color) 20%, var(--theme-color) 80%, transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
    animation: underlineGlow 3s ease-in-out infinite;
}

@keyframes underlineGlow {

    0%,
    100% {
        box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
        transform: scaleX(1);
    }

    50% {
        box-shadow: 0 0 30px rgba(205, 119, 82, 0.7), 0 0 50px rgba(205, 119, 82, 0.3);
        transform: scaleX(1.1);
    }
}

.luxury-featured-underline .underline-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: dotPulse 2.5s ease-in-out infinite;
}

@keyframes dotPulse {

    0%,
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: 0.7;
        box-shadow: 0 0 25px rgba(205, 119, 82, 0.8);
    }
}

.luxury-featured-subtitle {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #666;
    font-weight: 300;
    opacity: 0;
    animation: subtitleFadeIn 1s ease forwards 1s;
}

@keyframes subtitleFadeIn {
    to {
        opacity: 1;
    }
}

.luxury-featured-carousel {
    position: relative;
    z-index: 1;
}

.luxury-featured-carousel .owl-item {
    opacity: 0;
    transform: translateY(50px) scale(0.9);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-featured-carousel .owl-item.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.luxury-featured-carousel .owl-item:nth-child(1) {
    transition-delay: 0.1s;
}

.luxury-featured-carousel .owl-item:nth-child(2) {
    transition-delay: 0.2s;
}

.luxury-featured-carousel .owl-item:nth-child(3) {
    transition-delay: 0.3s;
}

.luxury-featured-carousel .owl-item:nth-child(4) {
    transition-delay: 0.4s;
}

.luxury-featured-carousel .owl-item:nth-child(5) {
    transition-delay: 0.5s;
}

.luxury-featured-carousel .owl-item:nth-child(6) {
    transition-delay: 0.6s;
}

.luxury-featured-carousel .items {
    padding: 0 12px;
}

/* Luxury Featured Carousel Clickable Enhancement */
.luxury-featured-carousel .product-card-wrapper:hover .tred-pro {
    transform: translateY(-8px) scale(1.02);
}

.luxury-featured-carousel .product-card-wrapper .tred-pro .pro-icn,
.luxury-featured-carousel .product-card-wrapper .caption h3 a,
.luxury-featured-carousel .product-card-wrapper .tr-pro-img a,
.luxury-featured-carousel .product-card-wrapper .card-variant-row,
.luxury-featured-carousel .product-card-wrapper .btn-compare {
    /* position: relative; */
    z-index: 5;
}

.luxury-featured-carousel .tred-pro {
    position: relative;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

.luxury-featured-carousel .tred-pro .Pro-lable .p-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px;
}

.luxury-featured-carousel .tred-pro .Pro-lable .p-featured {
    background: linear-gradient(135deg, #d4a574, #c9985f);
}

.luxury-featured-carousel .tred-pro .Pro-lable .p-new {
    background: linear-gradient(135deg, #03a685, #028a6f);
}

.luxury-featured-carousel .tred-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 1s ease;
    z-index: 3;
}

.luxury-featured-carousel .tred-pro:hover::before {
    left: 100%;
}

.luxury-featured-carousel .tred-pro:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 10px 25px rgba(205, 119, 82, 0.15);
}

.luxury-featured-carousel .tr-pro-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    aspect-ratio: 1 / 1;
}

.luxury-featured-carousel .tr-pro-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.luxury-featured-carousel .tr-pro-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s ease;
    filter: brightness(1) contrast(1.02);
}

.luxury-featured-carousel .tr-pro-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 1s ease;
    z-index: 2;
}

.luxury-featured-carousel .tred-pro:hover .tr-pro-img::after {
    left: 140%;
}

.luxury-featured-carousel .tred-pro:hover .tr-pro-img img {
    transform: scale(1.12) rotate(1deg);
    filter: brightness(1.08) contrast(1.08);
}

.luxury-featured-carousel .caption {
    padding: 25px 18px;
    background: #e7aa6524;
    border-radius: 0 0 15px 15px;
    position: relative;
}

.luxury-featured-carousel .caption h3 {
    transition: all 0.4s ease;
    font-weight: 500;
}

.luxury-featured-carousel .tred-pro:hover .caption h3 a {
    color: var(--theme-color);
    letter-spacing: 0.5px;
}

.luxury-featured-carousel .caption .rating {
    margin-top: 15px;
    transition: transform 0.3s ease;
}

.luxury-featured-carousel .tred-pro:hover .caption .rating {
    transform: scale(1.05);
}

.luxury-featured-carousel .caption .rating i.c-star {
    color: var(--theme-color);
    animation: starTwinkle 2s ease-in-out infinite;
}

@keyframes starTwinkle {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

.luxury-featured-carousel .caption .pro-price {
    margin-top: 18px;
    transition: transform 0.3s ease;
}

.luxury-featured-carousel .tred-pro:hover .caption .pro-price {
    transform: scale(1.08);
}

.luxury-featured-carousel .caption .pro-price span.new-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
    text-shadow: 0 2px 4px rgba(205, 119, 82, 0.2);
}

.luxury-featured-carousel .pro-icn,
.luxury-our-carousel .pro-icn,
.luxury-trending-carousel .pro-icn {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.luxury-featured-carousel .caption .btn-compare {
    display: none !important;
}

.luxury-featured-carousel .pro-icn,
.luxury-our-carousel .pro-icn,
.luxury-trending-carousel .pro-icn {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn {
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.luxury-featured-carousel .tred-pro:hover .pro-icn {
    opacity: 1;
    visibility: visible;
}

.luxury-featured-carousel .tred-pro:hover .tr-pro-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
    transition: all 0.3s ease;
}

.luxury-featured-carousel .tred-pro:hover .pro-icn a.w-c-q-icn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn:nth-child(1) {
    transition-delay: 0.1s;
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn:nth-child(2) {
    transition-delay: 0.2s;
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn:nth-child(3) {
    transition-delay: 0.3s;
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 5px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 2px solid transparent;
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn i {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn:hover {
    background: var(--theme-color);
    color: #fff;
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.7), 0 0 20px rgba(205, 119, 82, 0.5);
    border-color: rgba(255, 255, 255, 0.3);
}

.luxury-featured-carousel .pro-icn a.w-c-q-icn:hover i {
    color: #fff;
}

.luxury-featured-carousel .owl-nav {
    margin-top: 0;
}

.luxury-featured-carousel.owl-carousel .owl-nav {
    margin-top: 0;
}

.luxury-featured-carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-color) !important;
    color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid var(--theme-color) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.luxury-featured-carousel.owl-carousel .owl-nav button i {
    font-size: 16px;
    line-height: 1;
}

.luxury-featured-carousel:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.luxury-featured-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -25px;
}

.luxury-featured-carousel.owl-carousel .owl-nav button.owl-next {
    right: -25px;
}

.luxury-featured-carousel:hover .owl-nav button.owl-prev {
    left: 15px;
}

.luxury-featured-carousel:hover .owl-nav button.owl-next {
    right: 15px;
}

.luxury-featured-carousel.owl-carousel .owl-nav button:hover {
    background: #fff !important;
    color: var(--theme-color) !important;
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.5);
    border-color: var(--theme-color) !important;
}

/* Luxury Trending Products */
.luxury-trending-products {
    position: relative;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    overflow: hidden;
}

.luxury-trending-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.luxury-trending-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 40% 50%, rgba(205, 119, 82, 0.04) 0%, transparent 50%),
        radial-gradient(circle at 60% 50%, rgba(205, 119, 82, 0.03) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
}

.luxury-trending-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-trending-particles .particle {
    position: absolute;
    width: 32px;
    height: 40px;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    opacity: 0;
    animation: particleFloat 15s ease-in-out infinite;
}

.luxury-trending-particles .particle:nth-child(1) {
    left: 15%;
    animation-delay: 1s;
    animation-duration: 13s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

.luxury-trending-particles .particle:nth-child(2) {
    left: 35%;
    animation-delay: 4s;
    animation-duration: 16s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-trending-particles .particle:nth-child(3) {
    left: 55%;
    animation-delay: 7s;
    animation-duration: 19s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

.luxury-trending-particles .particle:nth-child(4) {
    left: 75%;
    animation-delay: 10s;
    animation-duration: 15s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

.luxury-trending-particles .particle:nth-child(5) {
    left: 85%;
    animation-delay: 13s;
    animation-duration: 17s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

.luxury-trending-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.luxury-trending-icon {
    margin-bottom: 20px;
    animation: iconPulse 3s ease-in-out infinite;
}

.luxury-trending-icon i {
    font-size: 42px;
    color: var(--theme-color);
    filter: drop-shadow(0 4px 12px rgba(205, 119, 82, 0.3));
}

.luxury-trending-title {
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    background: linear-gradient(135deg, #1a1a1a 0%, var(--theme-color) 50%, #1a1a1a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: luxuryGradient 4s ease-in-out infinite;
}

.luxury-trending-underline {
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color) 20%, var(--theme-color) 80%, transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
    animation: underlineGlow 3s ease-in-out infinite;
}

.luxury-trending-underline .underline-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: dotPulse 2.5s ease-in-out infinite;
}

.luxury-trending-subtitle {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #666;
    font-weight: 300;
    opacity: 0;
    animation: subtitleFadeIn 1s ease forwards 1s;
}

.luxury-trending-carousel {
    position: relative;
    z-index: 1;
}

.luxury-trending-carousel .owl-item {
    opacity: 0;
    transform: translateY(50px) scale(0.9);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-trending-carousel .owl-item.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.luxury-trending-carousel .owl-item:nth-child(1) {
    transition-delay: 0.1s;
}

.luxury-trending-carousel .owl-item:nth-child(2) {
    transition-delay: 0.2s;
}

.luxury-trending-carousel .owl-item:nth-child(3) {
    transition-delay: 0.3s;
}

.luxury-trending-carousel .owl-item:nth-child(4) {
    transition-delay: 0.4s;
}

.luxury-trending-carousel .owl-item:nth-child(5) {
    transition-delay: 0.5s;
}

.luxury-trending-carousel .owl-item:nth-child(6) {
    transition-delay: 0.6s;
}

.luxury-trending-carousel .items {
    padding: 0 12px;
}

/* Luxury Trending Carousel Clickable Enhancement */
.luxury-trending-carousel .product-card-wrapper:hover .tred-pro {
    transform: translateY(-8px) scale(1.02);
}

.luxury-trending-carousel .product-card-wrapper .tred-pro .pro-icn,
.luxury-trending-carousel .product-card-wrapper .caption h3 a,
.luxury-trending-carousel .product-card-wrapper .tr-pro-img a,
.luxury-trending-carousel .product-card-wrapper .card-variant-row,
.luxury-trending-carousel .product-card-wrapper .btn-compare {
    /* position: relative; */
    z-index: 5;
}

.luxury-trending-carousel .tred-pro {
    position: relative;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

.luxury-trending-carousel .tred-pro .Pro-lable,
.luxury-our-carousel .tred-pro .Pro-lable,
.luxury-featured-carousel .tred-pro .Pro-lable {
    position: absolute;
    top: 1px;
    left: 0px;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.luxury-trending-carousel .tred-pro .Pro-lable .p-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px;
}

.luxury-trending-carousel .tred-pro .Pro-lable .p-featured {
    background: linear-gradient(135deg, #d4a574, #c9985f);
}

.luxury-trending-carousel .tred-pro .Pro-lable .p-new {
    background: linear-gradient(135deg, #03a685, #028a6f);
}

.luxury-trending-carousel .tred-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 1s ease;
    z-index: 3;
}

.luxury-trending-carousel .tred-pro:hover::before {
    left: 100%;
}

.luxury-trending-carousel .tred-pro:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 10px 25px rgba(205, 119, 82, 0.15);
}

.luxury-trending-carousel .tr-pro-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    aspect-ratio: 1 / 1;
}

.luxury-trending-carousel .tr-pro-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.luxury-trending-carousel .tr-pro-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s ease;
    filter: brightness(1) contrast(1.02);
}

.luxury-trending-carousel .tred-pro:hover .tr-pro-img img {
    transform: scale(1.12) rotate(1deg);
    filter: brightness(1.08) contrast(1.08);
}

.luxury-trending-carousel .caption {
    padding: 25px 18px;
    background: #e7aa6524;
    border-radius: 0 0 15px 15px;
    position: relative;
}

.luxury-trending-carousel .caption h3 {
    transition: all 0.4s ease;
    font-weight: 500;
}

.luxury-trending-carousel .tred-pro:hover .caption h3 a {
    color: var(--theme-color);
    letter-spacing: 0.5px;
}

.luxury-trending-carousel .caption .rating {
    margin-top: 15px;
    transition: transform 0.3s ease;
}

.luxury-trending-carousel .tred-pro:hover .caption .rating {
    transform: scale(1.05);
}

.luxury-trending-carousel .caption .rating i.c-star {
    color: var(--theme-color);
    animation: starTwinkle 2s ease-in-out infinite;
}

.luxury-trending-carousel .caption .pro-price {
    margin-top: 18px;
    transition: transform 0.3s ease;
}

.luxury-trending-carousel .tred-pro:hover .caption .pro-price {
    transform: scale(1.08);
}

.luxury-trending-carousel .caption .pro-price span.new-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
    text-shadow: 0 2px 4px rgba(205, 119, 82, 0.2);
}

.luxury-trending-carousel .caption .btn-compare {
    display: none !important;
}

.luxury-trending-carousel .pro-icn {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn {
    transform: translateY(10px);
    transition: all 0.3s ease;
}

.luxury-trending-carousel .tred-pro:hover .pro-icn {
    opacity: 1;
    visibility: visible;
}

.luxury-trending-carousel .tred-pro:hover .tr-pro-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
    transition: all 0.3s ease;
}

.luxury-trending-carousel .tred-pro:hover .pro-icn a.w-c-q-icn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn:nth-child(1) {
    transition-delay: 0.1s;
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn:nth-child(2) {
    transition-delay: 0.2s;
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn:nth-child(3) {
    transition-delay: 0.3s;
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 5px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 2px solid transparent;
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn i {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn:hover {
    background: var(--theme-color);
    color: #fff;
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.7), 0 0 20px rgba(205, 119, 82, 0.5);
    border-color: rgba(255, 255, 255, 0.3);
}

.luxury-trending-carousel .pro-icn a.w-c-q-icn:hover i {
    color: #fff;
}

.luxury-trending-carousel.owl-carousel .owl-nav {
    margin-top: 0;
}

.luxury-trending-carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-color) !important;
    color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid var(--theme-color) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.luxury-trending-carousel.owl-carousel .owl-nav button i {
    font-size: 16px;
    line-height: 1;
}

.luxury-trending-carousel:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.luxury-trending-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -25px;
}

.luxury-trending-carousel.owl-carousel .owl-nav button.owl-next {
    right: -25px;
}

.luxury-trending-carousel:hover .owl-nav button.owl-prev {
    left: 15px;
}

.luxury-trending-carousel:hover .owl-nav button.owl-next {
    right: 15px;
}

.luxury-trending-carousel.owl-carousel .owl-nav button:hover {
    background: #fff !important;
    color: var(--theme-color) !important;
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.5);
    border-color: var(--theme-color) !important;
}

/* Luxury Our Products */
.luxury-our-products {
    position: relative;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    overflow-x: clip;
    overflow-y: visible;
}

.luxury-our-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.luxury-our-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 35% 50%, rgba(205, 119, 82, 0.04) 0%, transparent 50%),
        radial-gradient(circle at 65% 50%, rgba(205, 119, 82, 0.03) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
}

.luxury-our-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-our-particles .particle {
    position: absolute;
    width: 32px;
    height: 40px;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    opacity: 0;
    animation: particleFloat 15s ease-in-out infinite;
}

.luxury-our-particles .particle:nth-child(1) {
    left: 12%;
    animation-delay: 2s;
    animation-duration: 14s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

.luxury-our-particles .particle:nth-child(2) {
    left: 32%;
    animation-delay: 5s;
    animation-duration: 17s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

.luxury-our-particles .particle:nth-child(3) {
    left: 52%;
    animation-delay: 8s;
    animation-duration: 20s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-our-particles .particle:nth-child(4) {
    left: 72%;
    animation-delay: 11s;
    animation-duration: 16s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

.luxury-our-particles .particle:nth-child(5) {
    left: 88%;
    animation-delay: 14s;
    animation-duration: 18s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

.luxury-our-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.luxury-our-icon {
    margin-bottom: 20px;
    animation: iconPulse 3s ease-in-out infinite;
}

.luxury-our-icon i {
    font-size: 42px;
    color: var(--theme-color);
    filter: drop-shadow(0 4px 12px rgba(205, 119, 82, 0.3));
}

.luxury-our-title {
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    background: linear-gradient(135deg, #1a1a1a 0%, var(--theme-color) 50%, #1a1a1a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: luxuryGradient 4s ease-in-out infinite;
}

/* .luxury-our-title::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--theme-color), transparent);
    animation: titleLineExpand 2s ease forwards 0.5s;
    box-shadow: 0 0 15px rgba(205,119,82,0.5);
} */

.luxury-our-underline {
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color) 20%, var(--theme-color) 80%, transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
    animation: underlineGlow 3s ease-in-out infinite;
}

.luxury-our-underline .underline-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: dotPulse 2.5s ease-in-out infinite;
}

.luxury-our-subtitle {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #666;
    font-weight: 300;
    opacity: 0;
    animation: subtitleFadeIn 1s ease forwards 1s;
}

.luxury-tabs-wrapper {
    position: relative;
    z-index: 1;
}

.luxury-nav-tabs {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 50px;
    border: none;
}

.luxury-tab-item {
    list-style: none;
}

.luxury-tab-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #666;
    background: rgba(255, 255, 255, 0.8);
    border: 2px solid #e0e0e0 !important;
    border-radius: 30px !important;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.luxury-tab-link::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: var(--theme-color);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
    z-index: -1;
}

.luxury-tab-link i {
    font-size: 16px;
    transition: all 0.4s ease;
}

.luxury-tab-link:hover,
.luxury-tab-link.active {
    color: #fff;
    border-color: var(--theme-color);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(205, 119, 82, 0.3);
}

.luxury-tab-link:hover::before,
.luxury-tab-link.active::before {
    width: 300px;
    height: 300px;
}

.luxury-tab-link:hover i,
.luxury-tab-link.active i {
    transform: scale(1.2) rotate(10deg);
}

.luxury-tab-content {
    position: relative;
}

.luxury-our-carousel {
    position: relative;
}

.luxury-our-carousel .owl-item {
    opacity: 0;
    transform: translateY(50px) scale(0.9);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-our-carousel .owl-item.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.luxury-our-carousel .owl-item:nth-child(1) {
    transition-delay: 0.1s;
}

.luxury-our-carousel .owl-item:nth-child(2) {
    transition-delay: 0.2s;
}

.luxury-our-carousel .owl-item:nth-child(3) {
    transition-delay: 0.3s;
}

.luxury-our-carousel .owl-item:nth-child(4) {
    transition-delay: 0.4s;
}

.luxury-our-carousel .owl-item:nth-child(5) {
    transition-delay: 0.5s;
}

.luxury-our-carousel .owl-item:nth-child(6) {
    transition-delay: 0.6s;
}

.luxury-our-carousel .items {
    padding: 0 12px;
}

/* Luxury Our Carousel Clickable Enhancement */
.luxury-our-carousel .product-card-wrapper:hover .tred-pro {
    transform: translateY(-8px) scale(1.02);
}

.luxury-our-carousel .product-card-wrapper .tred-pro .pro-icn,
.luxury-our-carousel .product-card-wrapper .caption h3 a,
.luxury-our-carousel .product-card-wrapper .tr-pro-img a,
.luxury-our-carousel .product-card-wrapper .card-variant-row,
.luxury-our-carousel .product-card-wrapper .btn-compare {
    /* position: relative; */
    z-index: 5;
}

.luxury-our-carousel .tred-pro {
    position: relative;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}

.luxury-our-carousel .tred-pro .Pro-lable .p-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px;
}

.luxury-our-carousel .tred-pro .Pro-lable .p-featured {
    background: linear-gradient(135deg, #d4a574, #c9985f);
}

.luxury-our-carousel .tred-pro .Pro-lable .p-new {
    background: linear-gradient(135deg, #03a685, #028a6f);
}

.luxury-our-carousel .tred-pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 1s ease;
    z-index: 3;
}

.luxury-our-carousel .tred-pro:hover::before {
    left: 100%;
}

.luxury-our-carousel .tred-pro:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 10px 25px rgba(205, 119, 82, 0.15);
}

.luxury-our-carousel .tr-pro-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
    aspect-ratio: 1 / 1;
}

.luxury-our-carousel .tr-pro-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.luxury-our-carousel .tr-pro-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s ease;
    filter: brightness(1) contrast(1.02);
}

.luxury-our-carousel .tred-pro:hover .tr-pro-img img {
    transform: scale(1.12) rotate(1deg);
    filter: brightness(1.08) contrast(1.08);
}

.luxury-our-carousel .caption {
    padding: 25px 18px;
    background: #e7aa6524;
    border-radius: 0 0 15px 15px;
    position: relative;
}

.luxury-our-carousel .caption h3 {
    transition: all 0.4s ease;
    font-weight: 500;
}

.luxury-our-carousel .tred-pro:hover .caption h3 a {
    color: var(--theme-color);
    letter-spacing: 0.5px;
}

.luxury-our-carousel .caption .rating {
    margin-top: 15px;
    transition: transform 0.3s ease;
}

.luxury-our-carousel .tred-pro:hover .caption .rating {
    transform: scale(1.05);
}

.luxury-our-carousel .caption .rating i.c-star {
    color: var(--theme-color);
    animation: starTwinkle 2s ease-in-out infinite;
}

.luxury-our-carousel .caption .pro-price {
    margin-top: 18px;
    transition: transform 0.3s ease;
}

.luxury-our-carousel .tred-pro:hover .caption .pro-price {
    transform: scale(1.08);
}

.luxury-our-carousel .caption .pro-price span.new-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
    text-shadow: 0 2px 4px rgba(205, 119, 82, 0.2);
}

.luxury-our-carousel .caption .btn-compare {
    display: none !important;
}

.luxury-our-carousel .pro-icn a.w-c-q-icn {
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.luxury-our-carousel .tred-pro:hover .pro-icn {
    opacity: 1;
    visibility: visible;
}

.luxury-our-carousel .tred-pro:hover .tr-pro-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
    transition: all 0.3s ease;
}

.luxury-our-carousel .tred-pro:hover .pro-icn a.w-c-q-icn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.luxury-our-carousel .pro-icn a.w-c-q-icn:nth-child(1) {
    transition-delay: 0.1s;
}

.luxury-our-carousel .pro-icn a.w-c-q-icn:nth-child(2) {
    transition-delay: 0.2s;
}

.luxury-our-carousel .pro-icn a.w-c-q-icn:nth-child(3) {
    transition-delay: 0.3s;
}

.luxury-our-carousel .pro-icn a.w-c-q-icn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    border-radius: 50%;
    font-size: 16px;
    margin: 0 5px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 2px solid transparent;
}

.luxury-our-carousel .pro-icn a.w-c-q-icn i {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-our-carousel .pro-icn a.w-c-q-icn:hover {
    background: var(--theme-color);
    color: #fff;
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.7), 0 0 20px rgba(205, 119, 82, 0.5);
    border-color: rgba(255, 255, 255, 0.3);
}

.luxury-our-carousel .pro-icn a.w-c-q-icn:hover i {
    color: #fff;
}

.luxury-our-carousel.owl-carousel .owl-nav {
    margin-top: 0;
}

.luxury-our-carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-color) !important;
    color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid var(--theme-color) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.luxury-our-carousel.owl-carousel .owl-nav button i {
    font-size: 16px;
    line-height: 1;
}

.luxury-our-carousel:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.luxury-our-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -25px;
}

.luxury-our-carousel.owl-carousel .owl-nav button.owl-next {
    right: -25px;
}

.luxury-our-carousel:hover .owl-nav button.owl-prev {
    left: 15px;
}

.luxury-our-carousel:hover .owl-nav button.owl-next {
    right: 15px;
}

.luxury-our-carousel.owl-carousel .owl-nav button:hover {
    background: #fff !important;
    color: var(--theme-color) !important;
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.5);
    border-color: var(--theme-color) !important;
}

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

/* Product Card Clickable Enhancement */
.product-card-wrapper {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 8px;
}

.product-card-wrapper:hover {
    transform: translateY(-2px);
}

.product-card-wrapper:focus {
    outline: 2px solid var(--theme-color);
    outline-offset: 2px;
}

.product-card-wrapper .tred-pro .pro-icn,
.product-card-wrapper .caption h3 a,
.product-card-wrapper .tr-pro-img a,
.product-card-wrapper .card-variant-row,
.product-card-wrapper .btn-compare {
    /* position: relative; */
    z-index: 2;
}

.tred-pro .Pro-lable {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.tred-pro .Pro-lable .p-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4px;
}

.tred-pro .Pro-lable .p-featured {
    background: linear-gradient(135deg, #d4a574, #c9985f);
}

.tred-pro .Pro-lable .p-new {
    background: linear-gradient(135deg, #03a685, #028a6f);
}

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

.tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

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

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

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

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

.tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

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

.caption {
    padding-top: 15px;
}

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

.caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caption .rating {
    display: flex;
    margin-top: 12px;
}

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

.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star {
    color: var(--theme-color);
}

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

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

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

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

/* additional image css */
.tred-pro .tr-pro-img a img {
    backface-visibility: hidden;
}

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

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

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

/* ═══════════════════════════════════════════════════════════════
   LUXURY QUICK-VIEW MODAL  (lqv-*)
   ═══════════════════════════════════════════════════════════════ */

/* ── Backdrop tint ── */
.quick-view .modal-backdrop.show {
    opacity: .65;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* ── Dialog shell ── */
.quick-view .modal.fade .lqv-dialog {
    transform: translateY(32px) scale(.97);
    transition: transform .45s cubic-bezier(.22, .68, 0, 1.2), opacity .35s ease;
    opacity: 0;
    max-width: 980px;
    width: 96%;
    margin: auto;
}

.quick-view .modal.show .lqv-dialog {
    transform: translateY(0) scale(1);
    opacity: 1;
}

/* ── Modal card ── */
.lqv-modal-content {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(30, 20, 10, .22), 0 8px 24px rgba(30, 20, 10, .12);
    background: #fff;
}

/* ── Header bar ── */
.lqv-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    height: 54px;
    background: #fff;
    border-bottom: 1px solid rgba(201, 152, 95, .25);
    position: relative;
    overflow: hidden;
}

/* no shimmer layer needed */
.lqv-modal-header::before {
    content: none;
}

/* bottom gold accent line */
.lqv-modal-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
            transparent 0%,
            #c9985f 20%,
            #e8c87a 50%,
            #c9985f 80%,
            transparent 100%);
    z-index: 1;
}

.lqv-header-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.lqv-header-title {
    color: #3a2a14;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .4em;
    text-transform: uppercase;
    font-family: Georgia, 'Times New Roman', serif;
    text-shadow: none;
}

/* ornaments hidden */
.lqv-header-ornament {
    display: none;
}

.lqv-header-ornament::before,
.lqv-header-ornament::after {
    content: none;
}

.lqv-header-ornament-icon {
    display: none;
}

/* close button */
.lqv-close-btn {
    background: transparent;
    border: 1px solid rgba(201, 152, 95, .4);
    color: #a07830;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    transition: background .22s ease, color .22s ease,
        border-color .22s ease, box-shadow .22s ease,
        transform .28s ease;
    padding: 0;
}

.lqv-close-btn:hover {
    background: #c9985f;
    border-color: #c9985f;
    color: #fff;
    box-shadow: 0 4px 14px rgba(201, 152, 95, .35);
    transform: rotate(90deg);
}

/* ── Body layout ── */
.lqv-body {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    min-height: 420px;
}

/* ═══════════════════════════════════════
   IMAGE PANEL  (left 46%)
   ═══════════════════════════════════════ */
.lqv-image-panel {
    width: 46%;
    flex-shrink: 0;
    background: #f8f5f1;
    border-right: 1px solid #ede8e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 24px 20px;
    gap: 16px;
    position: relative;
}

.lqv-image-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #c9985f 40%, #e8d5b0 60%, #c9985f, transparent);
}

/* Main image tab-panes */
.lqv-main-img {
    width: 100%;
}

.lqv-main-img .tab-pane {
    display: none;
}

.lqv-main-img .tab-pane.show.active {
    display: block;
}

.lqv-main-img-inner {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 24px rgba(40, 30, 15, .08);
    transition: box-shadow .3s ease;
}

.lqv-main-img-inner:hover {
    box-shadow: 0 8px 36px rgba(40, 30, 15, .14);
}

.lqv-main-img-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .55s cubic-bezier(.22, .68, 0, 1.1);
}

.lqv-main-img-inner:hover img {
    transform: scale(1.06);
}

/* Thumbnails */
.lqv-thumbs {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.lqv-thumbs .items {
    flex: 0 0 auto;
}

.lqv-thumb-link {
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 0 2px 8px rgba(40, 30, 15, .07);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    padding: 0;
}

.lqv-thumb-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.lqv-thumb-link:hover,
.lqv-thumb-link.is-active {
    border-color: #c9985f;
    box-shadow: 0 4px 14px rgba(201, 152, 95, .25);
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════
   DETAIL PANEL  (right 54%)
   ═══════════════════════════════════════ */
.lqv-detail-panel {
    flex: 1;
    padding: 32px 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow-y: auto;
    max-height: 82vh;
}

/* scrollbar */
.lqv-detail-panel::-webkit-scrollbar {
    width: 4px;
}

.lqv-detail-panel::-webkit-scrollbar-track {
    background: transparent;
}

.lqv-detail-panel::-webkit-scrollbar-thumb {
    background: #e0cdb0;
    border-radius: 4px;
}

/* Brand line */
.lqv-brand-line {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #c9985f;
    margin: 0 0 10px;
}

.lqv-brand-line .fa-leaf {
    font-size: 9px;
    opacity: .75;
}

/* Product name */
.lqv-product-name {
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 700;
    color: #1a1108;
    line-height: 1.25;
    letter-spacing: -.01em;
    margin: 0 0 14px;
}

/* Gold rule */
.lqv-rule {
    display: block;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #c9985f 0%, #e8d5b0 50%, transparent 100%);
    margin-bottom: 16px;
    opacity: .55;
}

/* Rating row */
.lqv-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.lqv-stars {
    display: flex;
    gap: 3px;
}

.lqv-star-filled {
    color: #c9985f;
    font-size: 13px;
}

.lqv-star-empty {
    color: #d9cfc3;
    font-size: 13px;
}

.lqv-rating-val {
    font-size: 12px;
    color: #7a6a55;
    font-weight: 600;
    letter-spacing: .03em;
}

/* Price row */
.lqv-price-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.lqv-price-new {
    font-size: clamp(22px, 2.5vw, 25px);
    font-weight: 800;
    color: #1a1108;
    letter-spacing: -.01em;
    line-height: 1;
}

.lqv-price-old {
    font-size: 15px;
    color: #b0a090;
    font-weight: 400;
    line-height: 1;
}

.lqv-badge-discount {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #c9985f, #e8c07a);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
}

/* Description */
.lqv-description {
    font-size: 13.5px;
    line-height: 1.7;
    color: #6b5e4e;
    margin-bottom: 20px;
    border-left: 2px solid #c9985f;
    padding-left: 12px;
    opacity: .9;
}

/* Variation rows */
.lqv-variation-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lqv-attr-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.lqv-attr-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #6b5e4e;
    min-width: 56px;
}

/* Dropdown select */
.lqv-select {
    appearance: none;
    -webkit-appearance: none;
    background: #faf7f3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c9985f'/%3E%3C/svg%3E") no-repeat right 12px center;
    background-size: 10px 6px;
    border: 1px solid #e0cdb0;
    border-radius: 8px;
    padding: 8px 34px 8px 14px;
    font-size: 13px;
    color: #1a1108;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
    min-width: 140px;
}

.lqv-select:focus {
    outline: none;
    border-color: #c9985f;
    box-shadow: 0 0 0 3px rgba(201, 152, 95, .15);
}

/* Radio chips */
.lqv-radio-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.lqv-radio-chip {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border: 1px solid #e0cdb0;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    color: #4a3e2e;
    cursor: pointer;
    background: #faf7f3;
    transition: border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
    user-select: none;
}

.lqv-radio-chip:hover {
    border-color: #c9985f;
    background: #fff8f0;
    color: #c9985f;
    box-shadow: 0 2px 8px rgba(201, 152, 95, .18);
}

.lqv-radio-list li input:checked+.lqv-radio-chip,
.lqv-radio-chip.is-selected {
    border-color: #c9985f;
    background: #c9985f;
    color: #fff;
}

/* Color swatches */
.lqv-color-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lqv-swatch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid transparent;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    cursor: pointer;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
}

.lqv-swatch:hover {
    transform: scale(1.18);
    box-shadow: 0 4px 12px rgba(201, 152, 95, .35);
    border-color: #c9985f;
}

/* Actions row */
.lqv-actions-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
    padding-top: 18px;
    border-top: 1px solid #f0e8da;
}

/* Qty stepper */
.lqv-qty-stepper {
    display: flex;
    align-items: center;
    border: 1px solid #e0cdb0;
    border-radius: 10px;
    overflow: hidden;
    background: #faf7f3;
}

.lqv-qty-btn {
    width: 36px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #6b5e4e;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.lqv-qty-btn:hover {
    background: #c9985f;
    color: #fff;
}

.lqv-qty-input {
    width: 46px;
    height: 44px;
    border: none;
    border-left: 1px solid #e0cdb0;
    border-right: 1px solid #e0cdb0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #1a1108;
    background: #fff;
    padding: 0;
    -moz-appearance: textfield;
}

.lqv-qty-input:focus {
    outline: none;
    background: #fffcf7;
}

.lqv-qty-input::-webkit-outer-spin-button,
.lqv-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Add to Cart button */
.lqv-btn-cart {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 24px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #1a1108 0%, #2e1f0e 100%);
    color: #e8d5b0;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .3s ease, color .3s ease, box-shadow .3s ease, transform .2s ease;
    white-space: nowrap;
}

.lqv-btn-cart:hover {
    background: linear-gradient(135deg, #c9985f 0%, #e8c07a 100%);
    color: #1a1108;
    box-shadow: 0 8px 24px rgba(201, 152, 95, .35);
    transform: translateY(-2px);
}

.lqv-btn-cart .fa-shopping-bag {
    font-size: 13px;
}

/* Wishlist / Compare icon button */
.lqv-btn-wish {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #e0cdb0;
    background: #faf7f3;
    color: #6b5e4e;
    font-size: 15px;
    text-decoration: none;
    transition: border-color .2s ease, background .2s ease, color .2s ease,
        box-shadow .2s ease, transform .2s ease;
    flex-shrink: 0;
}

.lqv-btn-wish:hover {
    border-color: #c9985f;
    background: #fff8f0;
    color: #c9985f;
    box-shadow: 0 4px 14px rgba(201, 152, 95, .2);
    transform: translateY(-2px);
}

.lqv-btn-wish .fa-heart {
    color: #c9985f;
}

/* View full link */
.lqv-view-full {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #c9985f;
    text-decoration: none;
    border-bottom: 1px solid rgba(201, 152, 95, .35);
    padding-bottom: 1px;
    width: fit-content;
    transition: color .2s ease, border-color .2s ease, gap .2s ease;
}

.lqv-view-full:hover {
    color: #1a1108;
    border-color: #1a1108;
    gap: 10px;
}

.lqv-view-full .fa-arrow-right {
    font-size: 10px;
    transition: transform .25s ease;
}

.lqv-view-full:hover .fa-arrow-right {
    transform: translateX(4px);
}

/* deal of the day css */
.home-countdown1 .back-img {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
    display: flex;
    height: 450px;
}

.home-countdown1 .back-img .deal-content {
    max-width: 427px;
}

.home-countdown1 .back-img .deal-content h2 {
    color: #fff;
    line-height: 1;
}

.home-countdown1 .back-img .deal-content span.deal-c {
    color: #fff;
    font-size: 16px;
    margin-top: 19px;
    font-weight: 500;
}

/* timer */
.home-countdown1 .back-img .deal-content ul.contdown_row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 23px;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section {
    background-color: var(--theme-color);
    position: relative;
    width: 70px;
    height: 70px;
    margin-right: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section:after {
    content: ":";
    position: absolute;
    right: -13px;
    bottom: 50%;
    transform: translateY(50%);
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section:last-child:after {
    display: none;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section span.countdown_timer {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
}

.home-countdown1 .back-img .deal-content ul.contdown_row li.countdown_section span.countdown_title {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
}

.home-countdown1 .back-img .deal-content a {
    margin-top: 30px;
}

.home-countdown1 .back-img .deal-content a:hover {
    color: #fff;
}

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

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

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

.our-products-tab ul.nav.nav-tabs li.nav-item a.nav-link {
    color: #949494;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.our-products-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.our-products-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover {
    color: #000;
    border: 1px solid #000;
}

/* Testimonial css */
.testimonial-bg1 {
    background-color: #f9f9f9;
}

.testimonial-bg1 .testi-m .testimonial-area {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px solid #eee;
}

.testimonial-bg1 .testi-m .testimonial-area:before {
    content: "\f10d";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    font-weight: 900;
    background-color: #ffb503;
    color: #fff;
    width: 60px;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px auto;
    border-radius: 50px;
}

.testimonial-bg1 .testi-m .testimonial-area:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    width: 75px;
    height: 75px;
    border: 1px solid #ffb503;
    border-radius: 50px;
}

.testimonial-bg1 .testi-m .testimonial-area span.tsti-title {
    font-size: 18px;
    font-weight: 500;
    margin-top: 13px;
}

.testimonial-bg1 .testi-m .testimonial-area p {
    margin-top: 16px;
}

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

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

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

.testimonial-bg1 .testi-m .testimonial-area .testi-name span i {
    margin-right: 5px;
}

.testimonial-bg1 .testi-m .testimonial-area .testi-name span i:last-child {
    margin-right: 0px;
}

/* 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: var(--theme-color);
}

.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: var(--theme-color);
}

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

/* Luxury Newsletter */
.luxury-newsletter {
    position: relative;
    overflow: hidden;
}

.luxury-newsletter-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.luxury-newsletter-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 50%, rgba(205, 119, 82, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 70% 50%, rgba(205, 119, 82, 0.06) 0%, transparent 40%);
    animation: luxuryShimmer 20s ease-in-out infinite;
}

.luxury-newsletter-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-newsletter-particles .particle {
    position: absolute;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
}

.luxury-newsletter-particles .particle:nth-child(1) {
    left: 3%;
    bottom: 10%;
    width: 26px;
    height: 32px;
    animation: pfloatUp 13s 0s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(2) {
    left: 10%;
    top: 8%;
    width: 34px;
    height: 44px;
    animation: pfloatDiagRight 17s 2s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(3) {
    left: 20%;
    bottom: 5%;
    width: 28px;
    height: 46px;
    animation: pfloatUpRight 15s 5s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(4) {
    left: 28%;
    top: 35%;
    width: 30px;
    height: 36px;
    animation: pfloatDrift 14s 1s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(5) {
    left: 7%;
    top: 55%;
    width: 32px;
    height: 40px;
    animation: pfloatUpLeft 16s 7s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(6) {
    left: 35%;
    bottom: 12%;
    width: 38px;
    height: 48px;
    animation: pfloatDiagLeft 18s 4s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='15' y='2' width='10' height='5' rx='2'/%3E%3Cpath d='M13 7h14l3 5H10l3-5z'/%3E%3Crect x='7' y='12' width='26' height='36' rx='5'/%3E%3Cellipse cx='20' cy='30' rx='7' ry='9'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(7) {
    right: 4%;
    bottom: 15%;
    width: 26px;
    height: 34px;
    animation: pfloatUp 12s 3s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(8) {
    right: 12%;
    top: 10%;
    width: 32px;
    height: 40px;
    animation: pfloatUpLeft 19s 6s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(9) {
    right: 20%;
    top: 42%;
    width: 38px;
    height: 44px;
    animation: pfloatDrift 16s 9s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(10) {
    right: 7%;
    top: 65%;
    width: 24px;
    height: 42px;
    animation: pfloatDiagRight 14s 11s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(11) {
    right: 28%;
    bottom: 18%;
    width: 28px;
    height: 36px;
    animation: pfloatUp 20s 8s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='15' y='2' width='10' height='5' rx='2'/%3E%3Cpath d='M13 7h14l3 5H10l3-5z'/%3E%3Crect x='7' y='12' width='26' height='36' rx='5'/%3E%3Cellipse cx='20' cy='30' rx='7' ry='9'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(12) {
    right: 2%;
    top: 25%;
    width: 36px;
    height: 44px;
    animation: pfloatDiagLeft 15s 13s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

.luxury-newsletter-stars {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-newsletter-stars .star {
    position: absolute;
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    animation: starTwinkle 3s ease-in-out infinite;
}

.luxury-newsletter-stars .star:nth-child(1) {
    top: 20%;
    left: 10%;
    animation-delay: 0s;
}

.luxury-newsletter-stars .star:nth-child(2) {
    top: 40%;
    left: 80%;
    animation-delay: 1s;
}

.luxury-newsletter-stars .star:nth-child(3) {
    top: 60%;
    left: 30%;
    animation-delay: 2s;
}

.luxury-newsletter-stars .star:nth-child(4) {
    top: 80%;
    left: 70%;
    animation-delay: 1.5s;
}

.luxury-newsletter-stars .star:nth-child(5) {
    top: 30%;
    left: 50%;
    animation-delay: 0.5s;
}

@keyframes starTwinkle {

    0%,
    100% {
        opacity: 0.3;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.5);
    }
}

.luxury-newsletter-content {
    position: relative;
    padding: 100px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.luxury-newsletter-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.88) 0%, rgba(205, 119, 82, 0.85) 50%, rgba(0, 0, 0, 0.88) 100%);
    z-index: -1;
    animation: gradientShift 8s ease-in-out infinite;
}

@keyframes gradientShift {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.9;
    }
}

.luxury-newsletter-content::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    animation: sweepLight 6s ease-in-out infinite;
    z-index: 0;
}

@keyframes sweepLight {
    0% {
        left: -100%;
    }

    100% {
        left: 200%;
    }
}

.luxury-newsletter-inner {
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.luxury-newsletter-icon-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}

.luxury-newsletter-icon {
    position: relative;
    z-index: 2;
}

.icon-rings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.icon-rings .ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(205, 119, 82, 0.4);
    border-radius: 50%;
    animation: ringPulse 3s ease-in-out infinite;
}

.icon-rings .ring-1 {
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.icon-rings .ring-2 {
    width: 110px;
    height: 110px;
    animation-delay: 1s;
}

.icon-rings .ring-3 {
    width: 140px;
    height: 140px;
    animation-delay: 2s;
}

@keyframes ringPulse {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}

.luxury-newsletter-icon i {
    font-size: 56px;
    color: #fff;
    filter: drop-shadow(0 4px 20px rgba(255, 255, 255, 0.4));
    animation: iconFloat 4s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

@keyframes iconFloat {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    25% {
        transform: translateY(-10px) rotate(-5deg);
    }

    75% {
        transform: translateY(-5px) rotate(5deg);
    }
}

.luxury-newsletter-title {
    font-size: 46px;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0 0 25px;
    color: #fff !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    position: relative;
    display: inline-block;
    animation: titlePulse 4s ease-in-out infinite;
}

@keyframes titlePulse {

    0%,
    100% {
        text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 30px rgba(205, 119, 82, 0.4);
        transform: scale(1);
    }

    50% {
        text-shadow: 0 4px 30px rgba(0, 0, 0, 0.7), 0 0 60px rgba(205, 119, 82, 0.8), 0 0 90px rgba(205, 119, 82, 0.4);
        transform: scale(1.02);
    }
}

.title-decoration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 20px 0 25px;
    animation: decorationFloat 4s ease-in-out infinite;
}

@keyframes decorationFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

.title-decoration .deco-line {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--theme-color), transparent);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: lineExpand 3s ease-in-out infinite;
}

@keyframes lineExpand {

    0%,
    100% {
        width: 60px;
        opacity: 0.6;
    }

    50% {
        width: 80px;
        opacity: 1;
    }
}

.title-decoration .deco-dot {
    width: 12px;
    height: 12px;
    background: var(--theme-color);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.8);
    animation: dotPulse 2s ease-in-out infinite;
}

@keyframes dotPulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 20px rgba(205, 119, 82, 0.8);
    }

    50% {
        transform: scale(1.4);
        box-shadow: 0 0 30px rgba(205, 119, 82, 1);
    }
}

.luxury-newsletter-subtitle {
    font-size: 16px;
    letter-spacing: 2.5px;
    color: rgba(255, 255, 255, 0.95) !important;
    margin-bottom: 45px;
    display: block;
    animation: subtitleFade 3s ease-in-out infinite;
}

@keyframes subtitleFade {

    0%,
    100% {
        opacity: 0.95;
    }

    50% {
        opacity: 1;
    }
}

.luxury-newsletter-form {
    margin-top: 40px;
}

.luxury-input-wrapper {
    position: relative;
    max-width: 650px;
    margin: 0 auto;
    display: flex;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 60px;
    padding: 10px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4), 0 0 40px rgba(205, 119, 82, 0.3);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    animation: inputFloat 6s ease-in-out infinite;
}

@keyframes inputFloat {

    0%,
    100% {
        transform: translateY(0);
        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4), 0 0 40px rgba(205, 119, 82, 0.3);
    }

    50% {
        transform: translateY(-8px);
        box-shadow: 0 25px 70px rgba(0, 0, 0, 0.5), 0 0 60px rgba(205, 119, 82, 0.5);
    }
}

.luxury-input-wrapper::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, var(--theme-color), transparent, var(--theme-color));
    border-radius: 60px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s ease;
    animation: borderRotate 4s linear infinite;
}

@keyframes borderRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.luxury-input-wrapper:hover::before {
    opacity: 1;
}

.luxury-input-wrapper:hover {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 70px rgba(205, 119, 82, 0.6);
    transform: translateY(-5px);
}

.luxury-input-wrapper .input-icon {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--theme-color);
    font-size: 20px;
    z-index: 1;
    animation: iconBounce 2s ease-in-out infinite;
}

@keyframes iconBounce {

    0%,
    100% {
        transform: translateY(-50%) scale(1);
    }

    50% {
        transform: translateY(-50%) scale(1.1);
    }
}

.luxury-input-wrapper input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 18px 30px 18px 65px;
    font-size: 16px;
    color: #333;
    outline: none;
    letter-spacing: 0.5px;
}

.luxury-input-wrapper input::placeholder {
    color: #999;
    letter-spacing: 1.5px;
    transition: all 0.3s ease;
}

.luxury-input-wrapper input:focus::placeholder {
    opacity: 0.5;
    transform: translateX(10px);
}

.luxury-subscribe-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 40px;
    background: var(--theme-color) !important;
    color: #fff !important;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(205, 119, 82, 0.5);
}

.luxury-subscribe-btn .btn-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transform: translateX(-100%);
    transition: transform 0.6s ease;
}

.luxury-subscribe-btn:hover .btn-bg {
    transform: translateX(100%);
}

.luxury-subscribe-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.8s ease, height 0.8s ease;
    z-index: 0;
}

.luxury-subscribe-btn:hover::before {
    width: 400px;
    height: 400px;
}

.luxury-subscribe-btn:hover {
    color: var(--theme-color) !important;
    transform: scale(1.08) translateY(-3px);
    box-shadow: 0 15px 50px rgba(205, 119, 82, 0.9), 0 0 40px rgba(205, 119, 82, 0.7);
}

.luxury-subscribe-btn .btn-text,
.luxury-subscribe-btn .btn-icon {
    position: relative;
    z-index: 1;
}

.luxury-subscribe-btn .btn-icon {
    font-size: 18px;
    transition: all 0.5s ease;
}

.luxury-subscribe-btn:hover .btn-icon {
    transform: translateX(8px) rotate(25deg);
    animation: planeFly 0.8s ease infinite;
}

@keyframes planeFly {

    0%,
    100% {
        transform: translateX(8px) rotate(25deg) translateY(0);
    }

    50% {
        transform: translateX(12px) rotate(25deg) translateY(-5px);
    }
}

.subscribe-message {
    display: block;
    margin-top: 25px;
    font-size: 15px;
    letter-spacing: 1.5px;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    font-weight: 500;
    animation: messageFade 0.5s ease;
}

@keyframes messageFade {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.subscribe-message.text-success {
    color: #4ade80 !important;
    text-shadow: 0 2px 15px rgba(74, 222, 128, 0.6);
}

.subscribe-message.text-danger {
    color: #f87171 !important;
    text-shadow: 0 2px 15px rgba(248, 113, 113, 0.6);
}

/* Luxury Brand Carousel */
.luxury-brand-carousel {
    position: relative;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    overflow: hidden;
}

.luxury-brand-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.luxury-brand-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 50% 50%, rgba(205, 119, 82, 0.03) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
}

.luxury-brand-carousel-slider {
    position: relative;
    z-index: 1;
}

.luxury-brand-item {
    padding: 20px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-brand-item a {
    display: block;
    padding: 30px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.luxury-brand-item a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(205, 119, 82, 0.1), transparent);
    transition: left 0.8s ease;
}

.luxury-brand-item:hover a {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12), 0 5px 15px rgba(205, 119, 82, 0.1);
}

.luxury-brand-item:hover a::before {
    left: 100%;
}

.luxury-brand-item img {
    filter: grayscale(100%) opacity(0.7);
    transition: all 0.5s ease;
}

.luxury-brand-item:hover img {
    filter: grayscale(0%) opacity(1);
    transform: scale(1.05);
}

/* Luxury Testimonials */
.luxury-testimonials {
    position: relative;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    overflow: hidden;
}

.luxury-testimonials-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.luxury-testimonials-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 50% 50%, rgba(205, 119, 82, 0.04) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
}

.luxury-testimonials-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-testimonials-particles .particle {
    position: absolute;
    width: 32px;
    height: 40px;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    opacity: 0;
    animation: particleFloat 15s ease-in-out infinite;
}

.luxury-testimonials-particles .particle:nth-child(1) {
    left: 25%;
    animation-delay: 3s;
    animation-duration: 16s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

.luxury-testimonials-particles .particle:nth-child(2) {
    left: 55%;
    animation-delay: 7s;
    animation-duration: 19s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-testimonials-particles .particle:nth-child(3) {
    left: 85%;
    animation-delay: 11s;
    animation-duration: 17s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

.luxury-testimonials-header {
    text-align: center;
    position: relative;
    z-index: 1;
}

.luxury-testimonials-icon {
    margin-bottom: 20px;
    animation: iconPulse 3s ease-in-out infinite;
}

.luxury-testimonials-icon i {
    font-size: 42px;
    color: var(--theme-color);
    filter: drop-shadow(0 4px 12px rgba(205, 119, 82, 0.3));
}

.luxury-testimonials-title {
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    background: linear-gradient(135deg, #1a1a1a 0%, var(--theme-color) 50%, #1a1a1a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: luxuryGradient 4s ease-in-out infinite;
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
}

.luxury-testimonials-underline {
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color) 20%, var(--theme-color) 80%, transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
    animation: underlineGlow 3s ease-in-out infinite;
}

.luxury-testimonials-underline .underline-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: dotPulse 2.5s ease-in-out infinite;
}

.luxury-testimonials-subtitle {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #666;
    font-weight: 300;
    opacity: 0;
    animation: subtitleFadeIn 1s ease forwards 1s;
}

.luxury-testimonials-carousel {
    position: relative;
    z-index: 1;
}

.luxury-testimonial-card {
    background: #fff;
    padding: 40px 35px;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    margin: 20px 10px;
    height: 380px;
    display: flex;
    flex-direction: column;
}

.luxury-testimonial-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--theme-color), transparent);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

.luxury-testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 5px 20px rgba(205, 119, 82, 0.2);
}

.luxury-testimonial-card:hover::before {
    opacity: 0.03;
}

.quote-icon-top {
    margin-bottom: 25px;
}

.quote-icon-top i {
    font-size: 36px;
    color: var(--theme-color);
    opacity: 0.2;
}

.testimonial-content {
    margin-bottom: 30px;
    flex: 1;
    overflow: hidden;
}

.testimonial-text {
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    font-style: italic;
    margin: 0;
    max-height: 180px;
    overflow-y: auto;
    padding-right: 10px;
}

.testimonial-text::-webkit-scrollbar {
    width: 4px;
}

.testimonial-text::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
}

.testimonial-text::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 10px;
}

.testimonial-text::-webkit-scrollbar-thumb:hover {
    background: rgba(205, 119, 82, 0.8);
}

.testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    border-top: 2px solid #f0f0f0;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px;
}

.author-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--theme-color);
    box-shadow: 0 4px 15px rgba(205, 119, 82, 0.3);
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.luxury-testimonial-card:hover .author-image {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(205, 119, 82, 0.5);
}

.author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.author-info {
    display: flex;
    flex-direction: column;
}

.author-name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0 0 5px 0;
    line-height: 1;
}

.author-title {
    font-size: 13px;
    color: #999;
    letter-spacing: 0.5px;
}

.testimonial-rating {
    display: flex;
    gap: 5px;
}

.testimonial-rating i {
    font-size: 16px;
    color: var(--theme-color);
    animation: starTwinkle 2s ease-in-out infinite;
}

.testimonial-rating i:nth-child(1) {
    animation-delay: 0s;
}

.testimonial-rating i:nth-child(2) {
    animation-delay: 0.2s;
}

.testimonial-rating i:nth-child(3) {
    animation-delay: 0.4s;
}

.testimonial-rating i:nth-child(4) {
    animation-delay: 0.6s;
}

.testimonial-rating i:nth-child(5) {
    animation-delay: 0.8s;
}

.testimonial-rating i.far {
    color: #ddd;
}

.luxury-testimonials-carousel.owl-carousel .owl-nav {
    margin-top: 0;
}

.luxury-testimonials-carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-color) !important;
    color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid var(--theme-color) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.luxury-testimonials-carousel:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.luxury-testimonials-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -60px;
}

.luxury-testimonials-carousel.owl-carousel .owl-nav button.owl-next {
    right: -60px;
}

.luxury-testimonials-carousel:hover .owl-nav button.owl-prev {
    left: -25px;
}

.luxury-testimonials-carousel:hover .owl-nav button.owl-next {
    right: -25px;
}

.luxury-testimonials-carousel.owl-carousel .owl-nav button:hover {
    background: #fff !important;
    color: var(--theme-color) !important;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.5);
}

.luxury-testimonials-carousel.owl-carousel .owl-dots {
    margin-top: 40px;
    text-align: center;
}

.luxury-testimonials-carousel.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 6px;
}

.luxury-testimonials-carousel.owl-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: #ddd;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease;
}

.luxury-testimonials-carousel.owl-carousel .owl-dots .owl-dot.active span,
.luxury-testimonials-carousel.owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--theme-color);
    transform: scale(1.3);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
}

/* Luxury FAQs */
.luxury-faqs {
    position: relative;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    overflow: hidden;
}

.luxury-faqs-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

/* .luxury-faqs-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 45% 50%, rgba(205,119,82,0.04) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
} */

.luxury-faqs-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-faqs-particles .particle {
    position: absolute;
    width: 32px;
    height: 40px;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    opacity: 0;
    animation: particleFloat 15s ease-in-out infinite;
}

.luxury-faqs-particles .particle:nth-child(1) {
    left: 20%;
    animation-delay: 2s;
    animation-duration: 14s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

.luxury-faqs-particles .particle:nth-child(2) {
    left: 50%;
    animation-delay: 6s;
    animation-duration: 17s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

.luxury-faqs-particles .particle:nth-child(3) {
    left: 80%;
    animation-delay: 10s;
    animation-duration: 15s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-faqs-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.luxury-faqs-icon {
    margin-bottom: 20px;
    animation: iconPulse 3s ease-in-out infinite;
}

.luxury-faqs-icon i {
    font-size: 42px;
    color: var(--theme-color);
    filter: drop-shadow(0 4px 12px rgba(205, 119, 82, 0.3));
}

.luxury-faqs-title {
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    background: linear-gradient(135deg, #1a1a1a 0%, var(--theme-color) 50%, #1a1a1a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: luxuryGradient 4s ease-in-out infinite;
}

.luxury-faqs-underline {
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color) 20%, var(--theme-color) 80%, transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
    animation: underlineGlow 3s ease-in-out infinite;
}

.luxury-faqs-underline .underline-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: dotPulse 2.5s ease-in-out infinite;
}

.luxury-accordion {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.luxury-accordion-item {
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(30px);
    animation: itemFadeIn 0.6s ease forwards;
}

@keyframes itemFadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.luxury-accordion-header {
    margin-bottom: 0;
}

.luxury-accordion-button {
    width: 100%;
    padding: 25px 30px;
    background: #fff;
    border: 2px solid #e0e0e0 !important;
    border-radius: 12px !important;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: left;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.luxury-accordion-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(205, 119, 82, 0.05), transparent);
    transition: left 0.6s ease;
}

.luxury-accordion-button:hover::before {
    left: 100%;
}

.luxury-accordion-button:hover {
    border-color: var(--theme-color);
    transform: translateX(5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 0 20px rgba(205, 119, 82, 0.1);
}

.luxury-accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, var(--theme-color) 0%, rgba(205, 119, 82, 0.9) 100%);
    color: #fff;
    border-color: var(--theme-color) !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.3);
}

.luxury-accordion-button .question-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(205, 119, 82, 0.1);
    border-radius: 50%;
    transition: all 0.4s ease;
    flex-shrink: 0;
}

.luxury-accordion-button:not(.collapsed) .question-icon {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(45deg);
}

.luxury-accordion-button .question-icon i {
    font-size: 16px;
    color: var(--theme-color);
    transition: all 0.4s ease;
}

.luxury-accordion-button:not(.collapsed) .question-icon i {
    color: #fff;
}

.luxury-accordion-button .question-text {
    flex: 1;
    letter-spacing: 0.5px;
}

.luxury-accordion-item .accordion-collapse {
    margin-top: -2px;
}

.luxury-accordion-body {
    padding: 30px;
    background: #fff;
    border: 2px solid var(--theme-color) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    color: #666;
    line-height: 1.8;
    animation: bodySlideDown 0.4s ease;
}

@keyframes bodySlideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Old newsletter css - Keep for backward compatibility */
.news-letter1 .home-news {
    width: 50%;
    margin-left: auto;
}

.news-letter1 .home-news h2 {
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

.news-letter1 .home-news p {
    color: #fff;
    margin-top: 8px;
}

.news-letter1 .home-news form {
    width: 70%;
    position: relative;
    margin-top: 22px;
    border-radius: 25px;
    overflow: hidden;
}

.news-letter1 .home-news form input {
    width: 100%;
    padding: 10px 15px 10px 20px;
    border-radius: 25px;
}

.news-letter1 .home-news form button {
    position: absolute;
    right: 0px;
    height: 100%;
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
}

.news-letter1 .home-news form button.news-sub {
    display: none;
}

/* footer css */
.footer-one {
    background-color: #faf8ed;
}

/* service css */
.footer-service {
    border-bottom: 1px solid #e8e8e8;
}

.footer-service ul.service-ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-service ul.service-ul li.service-li {
    width: calc(25%);
    display: flex;
    align-items: center;
}

.footer-service ul.service-ul li.service-li a {
    position: relative;
    font-size: 30px;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--theme-color);
    border-radius: 100%;
}

.footer-service ul.service-ul li.service-li a::before,
.footer-service ul.service-ul li.service-li a::after {
    content: "";
    position: absolute;
    background-color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.footer-service ul.service-ul li.service-li a::after {
    width: 65px;
    height: 65px;
    border-radius: 50px;
}

.footer-service ul.service-ul li.service-li a::before {
    right: 0px;
    width: 15px;
    height: 2px;
    opacity: 0;
    visibility: hidden;
}

.footer-service ul.service-ul li.service-li:hover a::after {
    transform: skew(5deg, 5deg);
    -webkit-transform: skew(5deg, 5deg);
    -moz-transform: skew(5deg, 5deg);
    -ms-transform: skew(5deg, 5deg);
    -o-transform: skew(5deg, 5deg);
}

.footer-service ul.service-ul li.service-li:hover a::before {
    right: -15px;
    opacity: 1;
    visibility: visible;
}

.footer-service ul.service-ul li.service-li a i {
    position: relative;
    color: #fff;
    z-index: 1;
}

.footer-service ul.service-ul li.service-li span {
    font-size: 15px;
}

/* company detail css */
.f-logo {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e8e8e8;
}

.f-logo ul.footer-ul {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.f-logo ul.footer-ul li.footer-li {
    width: 25%;
    padding-right: 15px;
}

.f-logo ul.footer-ul li.footer-li:last-child {
    padding-right: 0px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul {
    display: flex;
    align-items: center;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li.footer-icon i {
    color: var(--theme-color);
    font-size: 40px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li.footer-info {
    width: calc(100% - 30px);
    margin-left: 30px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li h6 {
    font-size: 16px;
    color: var(--theme-color);
    line-height: 1;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li span,
.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li a {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li span:first-of-type,
.f-logo ul.footer-ul li.footer-li ul.f-ul-li-ul li a:first-of-type {
    margin-top: 9px;
}

/* footer bottom css */
.footer-link {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px;
}

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

.footer-link .f-link .h-footer {
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.footer-link .f-link a.h-footer {
    display: none;
}

.footer-link .f-link .collapse:not(.show) {
    display: block;
}

.footer-link .f-link ul.f-link-ul {
    padding-top: 20px;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li:first-child {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
}

.footer-link .f-link ul.f-link-ul li.f-link-ul-li a {
    font-size: 13px;
}

/* footer copyright css */
.footer-copyright {
    padding: 15px 0;
    background-color: var(--theme-color);
}

.footer-copyright ul.f-bottom {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -30px;
}

.footer-copyright ul.f-bottom li.f-c {
    width: calc(33.33% - 30px);
    margin-left: 30px;
}

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

.footer-copyright ul.f-bottom li.f-social {
    display: inline-flex;
    justify-content: center;
}

.footer-copyright ul.f-bottom li.f-social a.f-icn-link {
    color: var(--theme-color);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 100%;
}

.footer-copyright ul.f-bottom li.f-social a.f-icn-link:last-child {
    margin-right: 0;
}

.footer-copyright ul.f-bottom li.f-social a.f-icn-link:hover {
    background-color: transparent;
    color: #fff;
}

.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 {
    display: none;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a.scroll span {
    color: var(--theme-color);
    font-size: 16px;
    height: 37px;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid var(--theme-color);
    border-radius: 100%;
}

a.scroll:hover span {
    color: #fff;
    background-color: var(--theme-color);
}

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

/* 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 ul.about-link li.go-home a {
    font-size: 18px;
    color: #333;
    position: relative;
    font-weight: 500;
    padding-bottom: 10px;
}

.about-breadcrumb .about-back .about-l ul.about-link li.go-home a::after {
    background-color: #333;
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0px;
    left: 0px;
    width: 3px;
    height: 15px;
    margin: 0 auto;
}

.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: #333;
    font-weight: 500;
}

/* about page css */
.about-content .about-title {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.about-content .about-title h1 {
    font-size: 30px;
    line-height: 1;
}

.about-content .about-title p {
    margin-top: 18px;
}

.about-content .about-details {
    text-align: center;
}

.about-content .about-details {
    margin-top: 23px;
}

.about-content .about-details p {
    margin-top: 15px;
}

.about-content .about-details p:first-child {
    margin-top: 0px;
}

.about-counter {
    background-color: var(--theme-color);
}

.about-counter .text-center {
    display: flex;
    flex-wrap: wrap;
}

.about-counter .text-center .counter {
    width: 25%;
    border-right: 1px solid #fff;
}

.about-counter .text-center .counter:last-child {
    border: none;
}

.about-counter .text-center .count-title {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

.about-counter .text-center .count-text {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}

/* billing page css */
.billing-area .billing-title h4 {
    font-size: 20px;

}

.billing-area .billing-address-1 {
    padding-top: 15px;
    margin-top: 12px;
    border-top: 1px solid #eee;
}

.billing-area .billing-address-1 ul.add-name {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}

.billing-area .billing-address-1 ul.add-name li.billing-name {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-bottom: 15px;
}

.billing-area .billing-address-1 ul.add-name li.billing-name label {}

.billing-area .billing-address-1 ul.add-name li.billing-name input {
    width: 100%;
    font-size: 13px;
    margin-top: 10px;
    border: 1px solid #eee;
}

.billing-area .billing-address-1 ul.billing-locatio {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}

.billing-area .billing-address-1 ul.billing-locatio li.billing-info {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-bottom: 15px;
}

.billing-area .billing-address-1 ul.billing-locatio li.billing-info label {}

.billing-area .billing-address-1 ul.billing-locatio li.billing-info input {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #eee;
}

.billing-area .billing-address-1 ul.country-info {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}

.billing-area .billing-address-1 ul.country-info li.billing-country {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-bottom: 22px;
}

.billing-area .billing-address-1 ul.country-info li.billing-country label {}

.billing-area .billing-address-1 ul.country-info li.billing-country input {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #eee;
}

.billing-area .billing-address-1 ul.country-info li.billing-country select {
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    border: 1px solid #eee;
}

.billing-area .next-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.billing-area .next-button a {
    background-color: var(--theme-color);
    color: #fff;
    font-weight: 600;
    padding: 7px 15px;
    border: 2px solid var(--theme-color);
    border-radius: 3px;

    line-height: 1;
}

.billing-area .next-button a:hover {
    background-color: transparent;
    color: #000;
}

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

/* cart page css */
.cart-area {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.cart-area:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.cart-area .cart-details .cart-item {
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.cart-area .cart-details .cart-item span.cart-head {
    font-size: 16px;
    font-weight: 700;
}

.cart-area .cart-details .cart-item span.c-items {
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}

.cart-area .cart-details .cart-all-pro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.cart-area .cart-details .cart-all-pro .cart-pro {
    width: 60%;
    margin-top: 20px;
    display: flex;
}

.cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image {
    margin-right: 15px;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details h4 {
    font-size: 16px;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size span.size {
    font-weight: 600;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-shop {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.cart-pro-price {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .qty-item {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus {
    display: flex;
    align-items: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span {
    display: flex;
    border: 1px solid #eee;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span input {
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-cart,
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-wishlist {
    width: 40px;
    height: 40px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.cart-area .cart-details .cart-all-pro .qty-item .center a.pro-remove {
    color: var(--theme-color);
    margin-top: 15px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .all-pro-price {
    width: 20%;
    text-align: right;
}

.cart-area .cart-details .cart-all-pro .all-pro-price span {
    font-weight: 600;
}

.cart-area .cart-details .other-link {
    margin-top: 21px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.cart-area .cart-details .other-link ul.c-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-area .cart-details .other-link ul.c-link li.cart-other-link a {
    color: var(--theme-color);
    text-decoration: underline;
}

.cart-total {
    background-color: #f7f7f7;
    position: sticky;
    top: 0px;
    padding: 15px;
}

.cart-total .cart-price {
    padding-top: 15px;
    padding-bottom: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-total .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 {
    color: var(--theme-color);
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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 {
    color: var(--theme-color);
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* cart style-3 css */
.cart-style-3 {
    margin-top: 21px;
}

.cart-style-3 h2.cart-main-title {
    font-size: 24px;

}

.cart-style-3 .c-total {
    margin-top: 21px;
}

.cart-style-3 .c-total ul li.c-all-price {
    padding-top: 15px;
    padding-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.cart-style-3 .c-total ul li span {
    font-weight: 600;
}

.cart-style-3 .recive-details {
    margin-top: 15px;
}

.cart-style-3 .recive-details h4.recive-title {
    font-size: 14px;
}

.cart-style-3 .recive-details form {
    margin-top: 9px;
}

.cart-style-3 .recive-details form .form-1 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-left: -15px;
}

.cart-style-3 .recive-details form .form-1 ul li {
    width: calc(25% - 15px);
    margin-left: 15px;
}

.cart-style-3 .recive-details form .form-1 ul li label {
    display: block;
    font-size: 13px;
    font-weight: 500;

}

.cart-style-3 .recive-details form .form-1 ul li select {
    width: 100%;
    margin-top: 10px;
}

.cart-style-3 .recive-details form .form-1 ul li input {
    width: 100%;
    margin-top: 10px;
}

.cart-style-3 .recive-details form .form-1 ul li a {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.cart-style-3 .c-total .recive-details form .form-2 {
    border-top: 1px solid #eee;
    margin-top: 30px;
    padding-top: 25px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: -15px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments label {
    display: block;
    font-size: 13px;
    font-weight: 500;

}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments textarea {
    width: 100%;
    margin-top: 10px;
}

.cart-style-3 .c-total .recive-details form .form-2 ul.recive-comments-area li.recive-comments a.btn-style1 {
    width: 50%;
    float: right;
    text-align: center;
}

/* empty cart css */
.empty-area .empty-start {
    text-align: center;
}

.empty-area .empty-start h2.empty-title {
    font-size: 26px;
    font-weight: 600;
}

.empty-area .empty-start h2.empty-title span.color-text {
    color: var(--theme-color);
}

.empty-area .empty-start span.empty-more {
    margin-top: 30px;
}

.empty-area .empty-start span.empty-more a {
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 600;
}

/* 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: var(--theme-color);
    width: 100%;
    padding: 13px 25px;
    margin-top: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--theme-color);
    border-radius: 25px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account a.ceate-a::after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.register-area .register-account a.ceate-a:hover::after {
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account .register-info a.terms-link span {
    color: #000;
    line-height: 1;
    font-size: 12px;
}

.register-area .register-account .register-info a.terms-link {
    color: var(--theme-color);
    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: var(--theme-color);
    font-weight: 600;
}

/* coming soon page css */
.coming-soon-area {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.coming-soon-area .coming-soon-image ul.coming-soon {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.coming-soon-area .coming-soon-image ul.coming-soon li.coming-icn a {
    font-size: 20px;
    color: #fff;
    margin-left: 15px;
}

.coming-soon-area .coming-soon-image .coming-timer {
    color: #fff;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    right: 0px;
    width: 30%;
    margin: 0 auto;
    text-align: center;
}

.coming-soon-area .coming-soon-image .coming-timer p.coming-slogan {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    border-bottom: 2px solid #fff;
}

.coming-soon-area .coming-soon-image .coming-timer h3.coming-soon-title {
    color: #fff;
    font-size: 60px;

    line-height: 1;
}

.coming-soon-area .coming-soon-image .coming-timer span.subscribe {
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 500;
}

.coming-soon-area .coming-soon-image .coming-timer form {
    position: relative;
}

.coming-soon-area .coming-soon-image .coming-timer form input {
    width: 100%;
    display: block;
    border: none;
    padding: 10px;
    margin: 0 auto;
    font-size: 13px;
    border-radius: 4px;
}

.coming-soon-area .coming-soon-image .coming-timer form a.subscribe-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 20px;
}

.coming-soon-area .coming-soon-image ul.contdown_row {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 15px;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section {
    background-color: var(--theme-color);
    width: 200px;
    height: 150px;
    margin-top: 40px;
    margin-right: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 3px solid var(--theme-color);
    border-radius: 50px 50px 50px 0px;
    cursor: pointer;
    -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;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section:first-child {
    margin-top: 0px;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section: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;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_timer {
    color: #fff;
    display: block;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
}

.coming-soon-area .coming-soon-image ul.contdown_row li.countdown_section .countdown_title {
    color: #fff;
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    margin-top: 20px;
}

/* 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: 16px;
    color: #333;
    font-weight: 600;

}

.faq-box ul.faq-ul li.faq-li h3 span {
    color: var(--theme-color);
}

.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: var(--theme-color);
    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;
}

/* 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 {
    border: 1px solid #eee;
    margin-top: 21px;
}

.forgat-password-area .forgot-p span.forgot {
    width: 100%;
    background-color: var(--theme-color);
    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 #eee;
    text-align: center;
    font-weight: 600;
}

.forgat-password-area .forgot-p a.forgot-link {
    width: 100%;
    background-color: var(--theme-color);
    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;
    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;
}

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

/* track page css */
.track-area .track-price ul.track-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.track-area .track-price ul.track-order li h4 {
    font-size: 16px;
}

.track-area .track-price ul.track-order li span.track-status {
    font-size: 16px;
    font-weight: 600;
}

.track-area .track-main {
    margin-top: 30px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.track-area .track-main .track {
    position: relative;
    height: 7px;
    display: flex;
    margin-bottom: 40px;
    margin-top: 40px
}

.track-area .track-main .track:before {
    background-color: #ddd;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 100%;
    height: 7px;
}

.track-area .track-main .track .step {
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}

.track-area .track-main .track .step.active:before {
    background-color: var(--theme-color);
}

.track-area .track-main .track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px
}

.track-area .track-main .track .step.active .icon {
    background-color: var(--theme-color);
    color: #fff
}

.track-area .track-main .track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd
}

.track-area .track-main .track .step.active .text {
    font-weight: 400;
    color: #000
}

.track-area .track-main .track .text {
    display: block;
    margin-top: 7px
}

/* contact page css */
.map-area .map-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;

}

.map-area .map {
    display: flex;
}

.map-area .map iframe {
    width: 100%;
    height: 680px;
}

.map-area .map-details {
    display: flex;
    flex-wrap: wrap;
}

.map-area .map-details .contact-info {
    width: 50%;
}

.map-area .map-details .contact-info .contact-details h4 {
    font-size: 18px;

}

.map-area .map-details .contact-info .contact-details form {
    margin-top: 18px;
}

.map-area .map-details .contact-info .contact-details form label {
    display: block;
    margin-top: 15px;

}

.map-area .map-details .contact-info .contact-details form label:first-child {
    margin-top: 0px;
}

.map-area .map-details .contact-info .contact-details form input {
    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 p {
    margin-top: 7px;
}

/* payment page css */
.payment-title h1 {
    font-size: 30px;
    margin-bottom: 37px;
    text-align: center;

}

.payment {
    margin-bottom: 30px;
}

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

.payment h4.payment-title {
    background-color: var(--theme-color);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

.payment .payment-content {
    margin-top: 13px;
}

.payment .payment-content p {
    margin-top: 5px;
}

.payment .payment-content p:first-child {
    margin-top: 0px;
}

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

/* return page css */
.return-title h1 {
    font-size: 30px;
    margin-bottom: 37px;
    text-align: center;

}

.return {
    margin-bottom: 30px;
}

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

.return h4.return-title {
    background-color: var(--theme-color);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

.return .return-content {
    margin-top: 13px;
}

.return .return-content p {
    margin-top: 5px;
}

.return .return-content p: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: var(--theme-color);
}

.terms-content ul.terms-policy li p.trems-desc {
    padding-left: 20px;
    display: block;
    margin-top: 6px;
}

/* 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: 16px;
    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: var(--theme-color);
    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;
}

.wishlist-area .wishlist-details .other-link ul.c-link li.wishlist-other-link a {
    color: var(--theme-color);
    text-decoration: underline;
}

/* sitemap page css */
.sit-map-area {
    display: flex;
    flex-wrap: wrap;
}

.sit-map-area ul.site-map-main {
    width: 33.33%;
    margin-top: 21px;
}

.sit-map-area ul.site-map-main:nth-child(1),
.sit-map-area ul.site-map-main:nth-child(2),
.sit-map-area ul.site-map-main:nth-child(3) {
    margin-top: 0px;
}

.sit-map-area ul.site-map-main li.site-main-title {
    position: relative;
    margin-left: 30px;
}

.sit-map-area ul.site-map-main li.site-main-title h4.title {
    line-height: 1;
}

.sit-map-area ul.site-map-main li.site-main-title h4.title a.site-title {
    color: var(--theme-color);
    font-size: 18px;
    font-weight: 600;
}

.sit-map-area ul.site-map-main li.site-main-title h4.title a.site-title:before {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 10px;
    left: -20px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link {
    margin-top: 21px;
    margin-left: 30px;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.site-link {
    position: relative;
    margin-top: 5px;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link a.shop-main {
    position: relative;
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 500;

}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link a.shop-main:before {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 8px;
    left: -20px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link {
    margin-left: 30px;
    margin-top: 12px;
    line-height: 1;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link:nth-child(2) {
    margin-top: 11px;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link a {
    position: relative;

}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.fruit-link a:before {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 6px;
    left: -20px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.site-link a {}

.sit-map-area ul.site-map-main li.site-main-title ul.site-main-link li.site-link a:before {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 8px;
    left: -20px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

/* fnf page css */
.fnf-area {
    text-align: center;
}

.fnf-area h1.fnf-title {
    font-size: 180px;
    line-height: 1;
}

.fnf-area h1.fnf-title span.color-font {
    color: var(--theme-color);
}

.fnf-area p {
    margin-top: 16px;
    font-weight: 500;
}

.fnf-area form {
    margin-top: 22px;
}

.fnf-area form input {
    border: 1px solid #eee;
    border-radius: 25px;
}

.fnf-area a.submit {
    padding: 9px 25px;
    background-color: var(--theme-color);
    border: 2px solid var(--theme-color);
    color: #fff;
    border-radius: 25px;
}

.fnf-area a.submit:hover {
    background-color: transparent;
    color: #000;
}

.fnf-area a.back-home {
    margin-top: 30px;
    padding: 9px 15px;
    background-color: var(--theme-color);
    color: #fff;
    font-weight: 500;
    border: 2px solid var(--theme-color);

    border-radius: 25px;
}

.fnf-area a.back-home:hover {
    background-color: transparent;
    color: #000;
}

/* register page 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 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: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: var(--theme-color);
    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: var(--theme-color);
    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 #eee;
    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: var(--theme-color);
    margin-top: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}

.login-area .login-account {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.login-area .login-account h4 {
    font-size: 16px;
    text-align: center;
}

.login-area .login-account a.ceate-a {
    position: relative;
    color: var(--theme-color);
    width: 100%;
    padding: 13px 25px;
    margin-top: 23px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--theme-color);
    border-radius: 25px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.login-area .login-account a.ceate-a::after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.login-area .login-account a.ceate-a:hover::after {
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.login-area .login-account .login-info {
    margin-top: 24px;
}

.login-area .login-account .login-info a.terms-link span {
    color: #000;
    line-height: 1;
    font-size: 12px;
}

.login-area .login-account .login-info a.terms-link {
    color: var(--theme-color);
    font-size: 12px;
    font-weight: 600;

}

.login-area .login-account .login-info p {
    font-size: 13px;
    margin-top: 6px;
}

.login-area .login-account .login-info p a {
    color: var(--theme-color);
    font-weight: 600;
}

/* 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 label {}

.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 form .billing-form ul.billing-ul li.billing-li option {}

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

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

/* checkout style-2 tab css */
.checkout-tab ul.nav.nav-tabs {
    margin-bottom: 22px;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-tab ul.nav.nav-tabs li.nav-item {
    margin-left: 40px;
}

.checkout-tab ul.nav.nav-tabs li.nav-item:first-child {
    margin-left: 0px;
}

.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link {
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    font-weight: 600;
    border: none;
}

.checkout-tab ul.nav.nav-tabs li.nav-item a.nav-link.active {
    color: var(--theme-color);
}

.checkout-style-2 .billing-area form h2 {
    font-size: 24px;

}

.checkout-style-2 .billing-area form .billing-form {
    margin-top: 16px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul {
    width: 100%;
    margin-top: 15px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul:first-child {
    margin-top: 0px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 {
    display: flex;
    flex-wrap: wrap;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul.input-2 li.billing-li {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.checkout-style-2 .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-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li label {}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li input {
    width: 100%;
    margin-top: 10px;

}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li select {
    width: 100%;
    margin-top: 10px;
}

.checkout-style-2 .billing-area form .billing-form ul.billing-ul li.billing-li option {

    margin-top: 10px;
}

.checkout-style-2 .billing-area .billing-details form h2 {
    font-size: 24px;

}

.checkout-style-2 .billing-area .billing-details ul.shipping-form {
    margin-top: 19px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li {
    margin-top: 9px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li.check-box {
    display: flex;
    align-items: center;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li.check-box input {
    margin-right: 5px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li:first-child {
    margin-top: 0px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li label {
    margin-bottom: 0px;
}

.checkout-style-2 .billing-area .billing-details ul.shipping-form li textarea {
    margin-top: 10px;
    width: 100%;

}

.checkout-style-2 .order-area {
    margin-left: -20px;
}

.checkout-style-2 .order-area .check-pro {
    position: sticky;
    top: 0px;
    width: calc(50% - 30px);
    margin-left: 30px;
}

.checkout-style-2 .order-area .check-pro h2 {
    font-size: 24px;

}

.checkout-style-2 .order-area .check-pro ul.check-ul {
    margin-top: 20px;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li:last-child {
    border: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content {
    margin-left: 15px;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content a {
    display: block;
    font-weight: 600;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content span.check-code-blod {
    display: block;
    margin-top: 4px;
    font-weight: 600;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content span.check-code-blod span {
    font-weight: 500;
}

.checkout-style-2 .order-area .check-pro ul.check-ul li .check-content span.check-price {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

.checkout-style-2 .order-area {
    display: flex;
    justify-content: space-between;
    margin-left: -30px;
}

.checkout-style-2 .order-area .order-history {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.checkout-style-2 .order-area .order-history h2 {
    font-size: 18px;
}

.checkout-style-2 .order-area .order-history .order-inf {
    margin-top: 23px;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details {
    margin-top: 13px;
    padding-top: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details:first-child {
    margin-top: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details span {
    font-size: 16px;
    font-weight: 500;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details.last {
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.checkout-style-2 .order-area .order-history .order-inf .order-details.last span {
    font-weight: 600;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form {
    margin-top: 19px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox {
    margin-top: 19px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox :first-child {
    margin-top: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox input {
    margin-right: 10px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .order-checkbox label {
    margin-bottom: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .pay-icon {
    margin-top: 19px;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .pay-icon a {
    font-size: 25px;
    margin-left: 15px;
    line-height: 1;
}

.checkout-style-2 .order-area .order-history .order-inf form .order-form .pay-icon a:first-child {
    margin-left: 0px;
}

.checkout-style-2 .order-area .order-history .order-inf a.btn-style1 {
    margin-top: 28px;
    display: block;
    text-align: center;
}

/* checkout style-3 css */
.check-3-start {
    margin-left: -30px;
    display: flex;
    align-items: flex-start;
}

.check-3 h2.style-3-title {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;

}

.check-3-start .check-out-3 {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}

.check-3-start .check-out-3 .check-pro h2 {
    background-color: #f5f5f5;
    font-size: 18px;
    padding: 15px;

    line-height: 1;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content {
    margin-left: 15px;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content a {
    display: block;
    font-weight: 600;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content span.check-code-blod {
    display: block;
    margin-top: 4px;
    font-weight: 600;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content span.check-code-blod span {
    font-weight: 500;
}

.check-3-start .check-out-3 .check-pro ul.check-ul li .check-content span.check-price {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

.check-3-start .check-out-3 .check-pro form {
    padding: 20px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li label {
    width: 100%;
    color: #333;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 600;

}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro li select {
    width: 100%;
    padding: 7px 10px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector {
    margin-top: 18px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li span {
    color: #333;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
    line-height: 1;

}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li {
    margin-top: 9px;
    display: flex;
    align-items: center;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li:first-child {
    margin-top: 0px;
}

.check-3-start .check-out-3 .check-pro form ul.style-3-check-pro.selector li input {
    margin-right: 5px;
}

.check-3-start .check-out-3 .check-pro .pay-op {
    padding: 20px;
    border-top: 1px solid #eee;
}

.check-3-start .check-out-3 .check-pro .pay-op span {
    display: block;
    font-size: 13px;
    color: #333;
    font-weight: 600;

}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link {
    width: 100%;
    height: 45px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-1 {
    background-color: #ffc439;
    color: #000;
    margin-top: 14px;
}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link.pay-link-2 {
    background-color: #000;
    margin-top: 20px;
}

.check-3-start .check-out-3 .check-pro .pay-op a.pay-link i {
    margin-left: 5px;
}

.check-3-start .check-out-3 .check-add h2 {
    background-color: #f5f5f5;
    padding: 15px;
    font-size: 18px;

    line-height: 1;
}

.check-3-start .check-out-3 .check-add form {
    padding: 20px;
}

.check-3-start .check-out-3 .check-add form ul li {
    margin-top: 14px;
}

.check-3-start .check-out-3 .check-add form ul li:first-child {
    margin-top: 0px;
}

.check-3-start .check-out-3 .check-add form ul li label {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;

}

.check-3-start .check-out-3 .check-add form ul li input {
    width: 100%;
    padding: 8px 13px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.check-3-start .check-out-3 .check-add form ul li select {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    padding: 8px 13px;
    border-radius: 4px;
}

.check-3-start .check-out-3 .pay-method h2 {
    background-color: #f5f5f5;
    padding: 15px;
    font-size: 18px;

    line-height: 1;
}

.check-3-start .check-out-3 .pay-method .p-method ul li {
    border-bottom: 1px solid #eee;
}

.check-3-start .check-out-3 .pay-method .p-method ul li a {
    width: 100%;
    padding: 18px 24px;

}

.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal {
    display: flex;
    align-items: center;
}

.check-3-start .check-out-3 .pay-method .p-method ul li a span.p-labal i {
    font-size: 22px;
    margin-right: 10px;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li {
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li:last-child {
    border-bottom: none;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li.order-total {
    background-color: #eee;
    padding: 15px 20px;
}

.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-name {
    font-weight: 500;

}

.check-3-start .check-out-3 .pay-method .order-summary ul li span.p-price {
    font-weight: 600;
}

.check-3-start .check-out-3 .pay-method .order-summary .check-btn {
    padding: 30px 20px 20px 20px;
}

.check-3-start .check-out-3 .pay-method .order-summary .check-btn a.btn-style1 {
    width: 100%;
    text-align: center;
}

/* account page css */
.account-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;

}

.account-area {
    padding: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.account-area .account {
    width: 50%;
}

.account-area .account h4 {
    font-size: 18px;
    margin-bottom: 15px;

}

.account-area .account ul.page-name li.register-id a {
    color: var(--theme-color);
    margin-top: 5px;
    display: flex;

}

.account-area .account-detail {
    width: 50%;
}

.account-area .account-detail h4 {
    font-size: 18px;
    margin-bottom: 15px;

}

.account-area .account-detail ul.a-details li.mail-register {
    margin-top: 3px;
}

.order-details {
    margin-top: 30px;
}

.order-details h4 {
    font-size: 18px;
    margin-bottom: 19px;

}

.order-details p {
    padding: 15px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

/* address page css */
.address-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;

}

.account-link a {
    color: var(--theme-color);
    text-decoration: underline;
}

.add-area a.address-link {
    padding: 45px;
    margin-top: 30px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}

.add-area a.address-link {
    color: #828282;
    text-align: center;
    display: block;
}

.add-area a.address-link:hover {
    color: var(--theme-color);
}

.add-area .address-link i {
    display: block;
    font-size: 40px;
    margin-bottom: 5px;
}

.add-area .add-title h4 {
    margin-top: 30px;
    font-size: 18px;

    line-height: 1;
}

.add-area .address-content ul.address-input {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.add-area .address-content ul.address-input li.type-add {
    width: calc(50% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.add-area .address-content ul.address-input li.type-add label {
    margin-bottom: 5px;

}

.add-area .address-content ul.address-input li.type-add input {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.add-area .address-content ul.address-input li.type-add select {
    width: 100%;
    padding: 8px 10px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 4px;
}

.add-area .address-content label.check {
    margin-top: 30px;
    cursor: pointer;
}

.add-area .address-content .add-link {
    margin-top: 30px;
}

.add-area .address-content .add-link a:last-child {
    margin-left: 10px;
}

/* shipping page css */
.shipping-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;

}

.shipping {
    margin-bottom: 22px;
}

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

.shipping h4.shipping-title {
    background-color: var(--theme-color);
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    margin-bottom: 24px;
    display: block;
    font-weight: 600;
}

.shipping .shipping-content p {
    margin-top: 15px;
}

.shipping .shipping-content p:first-child {
    margin-top: 0px;
}

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

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

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

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

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

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

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

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

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

.footer-style-1-pro .header-pro .caption h3 a {
    font-weight: 600;
    margin-bottom: 5px;
}

.footer-style-1-pro .header-pro .caption .pro-icn {
    position: unset;
    margin-top: 12px;
}

.footer-style-1-pro .header-pro .caption .pro-icn a.w-c-q-icn i {
    background-color: var(--theme-color);
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 14px;
    border-radius: 100%;
    border: 2px solid var(--theme-color);
    -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-1-pro .header-pro .caption .pro-icn a.w-c-q-icn:hover i {
    background-color: transparent;
    color: var(--theme-color);
}

/* 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: 25px;
}

.all-filter .filter-tag ul.all-tag li.tag {
    display: inline-block;
}

.all-filter .filter-tag ul.all-tag li.tag a {
    padding: 5px 10px;
    color: #808080;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 50px;

    margin-top: 5px;
    margin-right: 5px;
}

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

/* grid-list banner-button css */
.grid-list-banner {
    height: 262px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.grid-list-banner .grid-banner-content {
    width: 50%;
    margin-left: 30px;
}

.grid-list-banner .grid-banner-content h4 {
    font-size: 20px;
}

.grid-list-banner .grid-banner-content p {
    font-size: 13px;
    margin-top: 14px;
    color: #333;
}

/* list product css */
.list-product {
    margin-top: 30px;
}

.list-product .list-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.list-product .list-items:last-child {
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}

.list-product .list-items .tred-pro {
    width: 25%;
    position: relative;
}

.list-product .list-items .tred-pro .Pro-lable {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

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

.list-product .list-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

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

.list-product .list-items .caption .pro-icn {
    position: unset;
    margin-top: 14px;
}

.list-product .list-items .caption .pro-icn a.w-c-q-icn i {
    background-color: var(--theme-color);
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product .list-items .caption .pro-icn a.w-c-q-icn:hover i {
    background-color: transparent;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product .list-items .caption {
    width: calc(75% - 20px);
    margin-left: 20px;
    padding-top: 0px;
}

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

.list-product .list-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.list-product .list-items .caption p.list-description {
    font-size: 13px;
    margin-top: 8px;
    line-height: 21px;
}

.list-product .list-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

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

.list-product .list-items .caption .rating i.b-star,
.list-product .list-items .caption .rating i.c-star,
.list-product .list-items .caption .rating i.d-star,
.list-product .list-items .caption .rating i.e-star {
    color: var(--theme-color);
}

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

.list-product .list-items .caption .pro-price {
    margin-top: 15px;
}

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

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

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

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

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

.list-product p.list-all-page {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    font-weight: 700;
}

.list-all-page span.page-title {
    color: #000;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;

}

.list-all-page .page-number {
    text-align: center;
    margin-top: 20px;
}

.list-all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.list-all-page .page-number a:after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.list-all-page .page-number a:hover:after,
.list-all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.list-all-page .page-number a:hover,
.list-all-page .page-number a.active {
    color: var(--theme-color);
}

.list-all-page .page-number a:last-child:after {
    display: none;
}

/* grid Products css */
.grid-list-area .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-list-area .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-list-area .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 10px;
}

.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-list-area .grid-list-select ul.grid-list li a.active,
.grid-4-product .grid-list-select ul.grid-list li a.active,
.grid-2-product .grid-list-select ul.grid-list li a.active {
    color: var(--theme-color);
}

.grid-list-area .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-list-area .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-list-area .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items {
    width: calc(33.33% - 30px);
    margin-left: 30px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.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: relative;
    top: 0;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn {
    padding: 0px 0px;
    margin-top: 0px;
    margin-left: 0px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: var(--theme-color);
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}

/* additional image css */
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-list-area .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-list-area .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}

/* 2-grid Products css */
.grid-2-product .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-2-product .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-2-product .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 15px;
}

.grid-2-product .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-2-product .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-2-product .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

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

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: var(--theme-color);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}

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

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

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

.grid-2-product .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}

/* 4-grid Products css */
.grid-4-product .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-4-product .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-4-product .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 10px;
}

.grid-4-product .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-4-product .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-4-product .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items {
    width: calc(25% - 30px);
    margin-left: 30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

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

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: var(--theme-color);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}

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

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

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

.grid-4-product .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}

/* product page css */
.pro-page .pro-image .larg-image a.long-img {
    margin-bottom: 20px;
}

.pro-page .pro-image .larg-image a.long-img figure.zoom {
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
    cursor: crosshair;
    margin-bottom: 0px;
}

.pro-page .pro-image .larg-image a.long-img figure.zoom img:hover {
    opacity: 0;
}

.pro-page .pro-image .larg-image a.long-img figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
}


.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider {
    border-bottom: none;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--theme-color) #f0f0f0;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider::-webkit-scrollbar {
    height: 6px;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider::-webkit-scrollbar-thumb {
    background: var(--theme-color);
    border-radius: 10px;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a {
    padding: 0px;
    border: 1px solid transparent;
    margin-bottom: 1px;
}

.pro-page .pro-image .larg-image ul.nav.nav-tabs.pro-page-slider li.nav-item a.active {
    border: 1px solid var(--theme-color);
    border-radius: 0px;
}

.pro-page .pro-image .pro-info h4 {
    font-size: 18px;
    font-weight: 600;

}

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

.pro-page .pro-image .pro-info .rating i {
    color: #999;
}

.pro-page .pro-image .pro-info .rating i.d-star {
    color: var(--theme-color);
    margin-right: 2px;
}

.pro-page .pro-image .pro-info .pro-availabale {
    margin-top: 12px;
}

.pro-page .pro-image .pro-info .pro-availabale span.available {
    min-width: 95px;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .pro-availabale span.pro-instock {
    color: var(--theme-color);
    font-weight: 600;
}

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

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

.pro-page .pro-image .pro-info .pro-price .Pro-lable span.p-discount {
    background-color: #e30514;
    font-size: 13px;
    color: #fff;
    margin-left: 10px;
    padding: 2px 6px 2px 13px;
    transform: rotate(-35deg);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

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

.pro-page .pro-image .pro-info span.pro-details span.pro-number {
    color: var(--theme-color);
    font-weight: 600;
}

.pro-page .pro-image .pro-info p {
    margin-top: 9px;
    color: #999;
}

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

.pro-page .pro-image .pro-info .pro-items span.pro-size {
    font-size: 14px;
    font-weight: 600;
}

.pro-page .pro-image .pro-info .pro-items ul.pro-wight {
    display: flex;
    flex-wrap: wrap;
}

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

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

.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a.active,
.pro-page .pro-image .pro-info .pro-items ul.pro-wight li a:hover {
    color: #000;
    border-color: #000;
    padding: 2px 8px;
}

.pro-page .pro-image .pro-info .product-color {
    display: flex;
    align-items: center;
    margin-top: 27px;
}

.pro-page .pro-image .pro-info .product-color span.color-label {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.pro-page .pro-image .pro-info .product-color span.color {
    margin-left: 15px;
    line-height: 1;
    display: flex;
}

.pro-page .pro-image .pro-info .product-color span.color a {
    padding: 2px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 100%;
}

.pro-page .pro-image .pro-info .product-color span.color a.active,
.pro-page .pro-image .pro-info .product-color span.color a:hover {
    border-color: #333;
}

.pro-page .pro-image .pro-info .product-color span.color a span {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}

.pro-page .pro-image .pro-info .product-color span.color a:last-child {
    margin-right: 0px;
}

.pro-page .pro-image .pro-info .product-color span.color a:nth-child(1) span {
    background-color: #5fa800;
}

.pro-page .pro-image .pro-info .product-color span.color a:nth-child(2) span {
    background-color: var(--theme-color);
}

.pro-page .pro-image .pro-info .product-color span.color a:nth-child(3) span {
    background-color: #b58555;
}

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

.pro-page .pro-image .pro-info .pro-qty span.qty {
    font-weight: 700;
}

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

.pro-page .pro-image .pro-info .pro-qty .plus-minus {
    margin-left: 15px;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus span {
    display: flex;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus span a {
    width: 40px;
    height: 35px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-page .pro-image .pro-info .pro-qty .plus-minus input {
    width: 50px;
    height: 35px;
    border-top: none;
    border-bottom: none;
    padding: 0;
    border-top: none;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pro-page .pro-image .pro-info .pro-btn {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.pro-page .pro-image .pro-info .pro-btn .quantity-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pro-page .pro-image .pro-info .pro-btn .quantity-wrapper label {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0;
    letter-spacing: 0.5px;
}

.pro-page .pro-image .pro-info .pro-btn .cart-plus-minus {
    display: flex;
    align-items: center;
    border: 2px solid #e0e0e0;
    border-radius: 50px;
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease;
}

.pro-page .pro-image .pro-info .pro-btn .cart-plus-minus:hover {
    border-color: var(--theme-color);
    box-shadow: 0 4px 15px rgba(205, 119, 82, 0.15);
}

.pro-page .pro-image .pro-info .pro-btn .cart-plus-minus .qtybutton {
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    color: #666;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-page .pro-image .pro-info .pro-btn .cart-plus-minus .qtybutton:hover {
    background: var(--theme-color);
    color: #fff;
}

.pro-page .pro-image .pro-info .pro-btn .cart-plus-minus input {
    width: 60px;
    height: 40px;
    border: none;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    background: transparent;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons button {
    height: 50px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
    z-index: 0;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons button span,
.pro-page .pro-image .pro-info .pro-btn .action-buttons button i {
    position: relative;
    z-index: 1;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-wishlist {
    width: 50px;
    background: #fff;
    border-color: #e0e0e0;
    color: #666;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-wishlist::before {
    background: var(--theme-color);
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-wishlist:hover {
    border-color: var(--theme-color);
    transform: scale(1.1) rotate(10deg);
    box-shadow: 0 8px 25px rgba(205, 119, 82, 0.3);
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-wishlist:hover::before {
    width: 200px;
    height: 200px;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-wishlist:hover i {
    color: #fff;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-cart {
    flex: 1;
    padding: 0 30px;
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    text-transform: uppercase;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-cart::before {
    background: #fff;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-cart:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(205, 119, 82, 0.4);
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-cart:hover::before {
    width: 400px;
    height: 400px;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-cart:hover span,
.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-cart:hover i {
    color: var(--theme-color);
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-compare {
    width: 50px;
    background: #fff;
    border-color: #e0e0e0;
    color: #666;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-compare::before {
    background: var(--theme-color);
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-compare:hover {
    border-color: var(--theme-color);
    transform: scale(1.1) rotate(-10deg);
    box-shadow: 0 8px 25px rgba(205, 119, 82, 0.3);
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-compare:hover::before {
    width: 200px;
    height: 200px;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons .btn-compare:hover i {
    color: #fff;
}

.pro-page .pro-image .pro-info .pro-btn .action-buttons button i {
    font-size: 16px;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .pro-page .pro-image .pro-info .pro-btn {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .pro-page .pro-image .pro-info .pro-btn .quantity-wrapper {
        justify-content: space-between;
    }

    .pro-page .pro-image .pro-info .pro-btn .action-buttons {
        flex-direction: column;
    }

    .pro-page .pro-image .pro-info .pro-btn .action-buttons button {
        width: 100%;
    }
}

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

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

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

.pro-page .pro-image .pro-info .share ul.share-icn li a i {
    font-size: 18px;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-facebook {
    color: #3b5999;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-twitter {
    color: #55acee;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-instagram {
    color: #dd4b39;
}

.pro-page .pro-image .pro-info .share ul.share-icn li a i.fa-pinterest {
    color: #bd081c;
}

.pro-page .pro-image .pro-info .pay-img {
    margin-top: 22px;
}

.pro-page .pro-shipping .product-service {
    background-color: #f9f9f9;
    padding: 25px;
    margin-top: 30px;
}

.pro-page .pro-shipping .product-service:first-child {
    margin-top: 0px;
}

.pro-page .pro-shipping .product-service .icon-title {
    display: flex;
    align-items: center;
}

.pro-page .pro-shipping .product-service .icon-title span {
    color: var(--theme-color);
    font-size: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}

.pro-page .pro-shipping .product-service .icon-title h4 {
    font-size: 16px;
    margin-left: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.pro-page .pro-shipping .product-service p {
    color: #8e8e8e;
    margin-top: 18px;
}

/* tab css */
.pro-page-content .pro-page-tab ul.nav.nav-tabs {
    border-bottom: none;
    justify-content: center;
    margin-top: 20px;
}

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

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

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

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

.pro-page-content .pro-page-tab .tab-content iframe {
    width: 100%;
}

/* description css */
.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content h4 {
    font-size: 16px;

}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description {
    list-style-type: unset;
    padding-left: 15px;
    margin-top: 18px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description li {
    margin-top: 5px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content {
    margin-top: 17px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content h4 {
    font-size: 16px;

}

.pro-page-content .pro-page-tab .tab-content .tab-pane .tab-2content ul.tab-description {
    list-style-type: unset;
    padding-left: 15px;
    margin-top: 18px;
}

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

/* reviews css */
.pro-page-content .pro-page-tab .tab-content .tab-pane h4.reviews-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;

}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews {
    border-top: 1px solid #eee;
    margin-top: 28px;
    padding-top: 30px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.p-rating i.e-star {
    color: var(--theme-color);
    font-size: 18px;
}

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

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews a {
    color: var(--theme-color);
    text-decoration: underline;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews h4.review-head {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.reviews-editor {
    font-weight: 500;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews span.reviews-editor span.review-name {
    font-weight: normal;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews p.r-description {
    margin-top: 10px;
    line-height: 1;
    font-size: 13px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form {
    margin-top: 24px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form h4 {
    font-size: 18px;
    color: #333;
    line-height: 1;

}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form {
    margin-top: 12px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label {
    font-size: 14px;
    margin-top: 15px;

}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label:first-child {
    margin-top: 0px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form input {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;

    border: 1px solid #eee;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form textarea {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;

    border: 1px solid #eee;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span {
    display: block;
    margin-top: 10px;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span i {
    color: #ddd;
}

/* releted product css */
.pro-releted .section-title {
    text-align: center;
}

.pro-releted .section-title h2 {
    font-size: 30px;
    margin-bottom: 30px;

}

.tred-pro {
    position: relative;
}

.tred-pro .tr-pro-img a {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.tred-pro .Pro-lable {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

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

.tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

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

.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,
.tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.tred-pro .pro-icn a.w-c-q-icn.btn-compare {
    padding: 0px 0px;
    margin-left: 0px;
    margin-top: 0px;
}

.tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

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

.caption {
    padding-top: 15px;
}

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

.caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.caption .rating {
    display: flex;
    margin-top: 14px;
}

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

.caption .rating i.b-star,
.caption .rating i.c-star,
.caption .rating i.d-star,
.caption .rating i.e-star {
    color: var(--theme-color);
}

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

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

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

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

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

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

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

/* search page css */
.search-title {
    text-align: center;
    margin-bottom: 30px;
}

.search-title h3 {
    font-size: 30px;
    font-weight: 600;
}

.saerch-input form {
    position: relative;
}

.saerch-input form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 25px;
}

.saerch-input form a.search-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    font-size: 18px;
    background-color: #000;
    padding: 6px 11px;
    color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
}

.saerch-input form a.search-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

/* search product css */
.search-pro-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.search-pro-area .search-pro-items {
    width: calc(25% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}

.search-pro-area .search-pro-items .search-img {
    position: relative;
}

.search-pro-area .search-pro-items .search-img .pro-icn {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
}

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

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

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:first-child,
.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.search-pro-area .search-pro-items .search-img a img.search-hover {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    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;
}

.search-pro-area .search-pro-items:hover .search-img a img.search-hover {
    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;
}

.search-pro-area .search-pro-items .search-caption h4 {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
}

.search-pro-area .search-pro-items .search-caption h4 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-pro-area .search-pro-items .search-caption span.all-price {
    margin-top: 6px;
}

.search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.search-pro-area .search-pro-items .search-caption span.all-price span.search-old-price {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

/* search style-2 css */
.saerch-style-2-input form {
    position: relative;
}

.saerch-style-2-input form input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 25px;
}

.saerch-style-2-input form a.search-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    font-size: 18px;
    background-color: var(--theme-color);
    padding: 5px 10px;
    color: #fff;
    border-radius: 50%;
}

.saerch-style-2-input form a.search-btn:hover {
    background-color: #000;

}

.search-selector {
    margin-top: 30px;
    margin-bottom: 30px;
}

.search-selector ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search-selector ul li.search-items {
    font-size: 15px;
    font-weight: 500;
}

.search-selector ul li.search-pro-select {
    display: flex;
    align-items: center;
}

.search-selector ul li.search-pro-select form select {
    padding: 8px 10px;
    border: 1px solid #eee;
}

.search-selector ul li.search-pro-select a {
    font-size: 20px;
    margin-right: 20px;
    line-height: 0;
}

.search-selector ul li.search-pro-select a:hover,
.search-selector ul li.search-pro-select a.active {
    color: var(--theme-color);
}

/* search left column css */
.search-category {
    position: sticky;
    top: 0px;
}

.search-category .select-category h4.search-cat-title {
    padding-bottom: 27px;
    font-size: 16px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}

.search-category .select-category ul {
    height: 223px;
    overflow: auto;
    padding-right: 5px;
}

.search-category .select-category ul {
    max-height: calc(100% - 219px);
    overflow-y: auto;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.search-category .select-category ul::-webkit-scrollbar {
    width: 4px;
}

.search-category .select-category ul::-webkit-scrollbar-track {
    background-color: #eee;
}

.search-category .select-category ul::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.search-category .select-category ul::-webkit-scrollbar-thumb:hover {
    background-color: var(--theme-color);
}

.search-category .select-category ul {
    padding-top: 25px;
}

.search-category .select-category ul li {
    margin-top: 5px;
}

.search-category .select-category ul li:first-child {
    margin-top: 0px;
}

.search-category .search-pro-color h4.search-cate-color {
    font-size: 16px;
    padding-top: 27px;
    padding-bottom: 28px;
    line-height: 1;
    border-bottom: 1px solid #eee;
}

.search-category .search-pro-color ul.select-cat-color {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 30px;
    margin-left: -10px;
    margin-top: -16px;
}

.search-category .search-pro-color ul.select-cat-color li {
    line-height: 0;
    margin-top: 16px;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-1,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-2,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-3,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-4,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-5,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-6,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-7,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-8,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-9,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-10,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-11,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-12,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-13,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-14,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-15,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-16,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-17,
.search-category .search-pro-color ul.select-cat-color li a.cat-color-18 {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border-radius: 100%;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-1 {
    background-color: #86aab0;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-2 {
    background-color: #e32323;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-3 {
    background-color: #4f4f51;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-4 {
    background-color: #efe4d7;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-5 {
    background-color: #795548;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-6 {
    background-color: #cdd1c6;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-7 {
    background-color: #666;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-8 {
    background-color: #b3b8a8;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-9 {
    background-color: #e0b756;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-10 {
    background-color: #6f6963;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-11 {
    background-color: #9e9e9e;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-12 {
    background-color: #719297;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-13 {
    background-color: #b58555;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-14 {
    background-color: #6ca6b7;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-15 {
    background-color: #a2c4d4;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-16 {
    background-color: #bb9290;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-17 {
    background-color: #877666;
}

.search-category .search-pro-color ul.select-cat-color li a.cat-color-18 {
    background-color: #e2e2e2;
}

.search-category .search-pro h4 {
    padding-bottom: 28px;
    font-size: 16px;
    padding-top: 28px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}

.search-category .search-pro .search-pro-main {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.search-category .search-pro .search-pro-main:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.search-category .search-pro .search-pro-main .search-main-caption {
    margin-left: 10px;
    overflow: hidden;
}

.search-category .search-pro .search-pro-main .search-main-caption a {
    font-size: 15px;
    font-weight: 600;

    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.search-category .search-pro .search-pro-main .search-main-caption span.search-all-price {
    margin-top: 5px;
}

.search-category .search-pro .search-pro-main .search-main-caption span.search-all-price span.search-n-p {
    color: var(--theme-color);
    font-weight: 600;
}

.search-category .search-pro .search-pro-main .search-main-caption span.search-all-price span.search-o-p {
    font-size: 12px;
    color: #666;
    font-weight: 500;
}

/* search product css */
.style-2-search-pro-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.style-2-search-pro-area .search-pro-items {
    width: calc(33.33% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}

.style-2-search-pro-area .search-pro-items:nth-child(1),
.style-2-search-pro-area .search-pro-items:nth-child(2),
.style-2-search-pro-area .search-pro-items:nth-child(3) {
    margin-top: 0px;
}

.style-2-search-pro-area .search-pro-items .search-img {
    position: relative;
}

.style-2-search-pro-area .search-pro-items .search-img a {
    position: relative;
    overflow: hidden;
}

.style-2-search-pro-area .search-pro-items .search-img a img {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-search-pro-area .search-pro-items .search-img:hover a img {
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:first-child,
.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.style-2-search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

.style-2-search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.style-2-search-pro-area .search-pro-items .search-caption h4 {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
}

.style-2-search-pro-area .search-pro-items .search-caption h4 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style-2-search-pro-area .search-pro-items .search-caption span.all-price {
    margin-top: 6px;
}

.style-2-search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.style-2-search-pro-area .search-pro-items .search-caption span.all-price span.search-old-price {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

/* style-2 list search product css */
.style-2-list-search-pro-area {
    display: flex;
    flex-wrap: wrap;
}

.style-2-list-search-pro-area .search-pro-items {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
}

.style-2-list-search-pro-area .search-pro-items:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.style-2-list-search-pro-area .search-pro-items:nth-child(1) {
    margin-top: 0px;
}

.style-2-list-search-pro-area .search-pro-items .search-img {
    width: 25%;
}

.style-2-list-search-pro-area .search-pro-items .search-img a {
    position: relative;
    overflow: hidden;
    display: block;
}

.style-2-list-search-pro-area .search-pro-items .search-img a img {
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items:hover .search-img a img {
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn {
    margin-top: 11px;
}

.style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn a.w-c-q-icn i {
    background-color: var(--theme-color);
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items .search-caption .pro-icn a.w-c-q-icn:hover i {
    background-color: transparent;
    color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.style-2-list-search-pro-area .search-pro-items .search-caption {
    width: 75%;
    margin-left: 20px;
}

.style-2-list-search-pro-area .search-pro-items .search-caption h4 {
    font-size: 14px;
    font-weight: 400;
}

.style-2-list-search-pro-area .search-pro-items .search-caption h4 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style-2-list-search-pro-area .search-pro-items .search-caption span.all-price {
    margin-top: 6px;
}

.style-2-list-search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.style-2-list-search-pro-area .search-pro-items .search-caption span.all-price span.search-old-price {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

.style-2-list-search-pro-area .search-pro-items .search-caption p.search-pro-desc {
    margin-top: 5px;
}

/* pagination css */
.all-page span.page-title {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;

}

.all-page .page-number {
    text-align: center;
    margin-top: 19px;
}

.all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.all-page .page-number a:after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: var(--theme-color);
}

.all-page .page-number a:last-child:after {
    display: none;
}

/* blog left-right column css */
.left-column {
    position: sticky;
    top: 0px;
}

.left-column .blog-search h4 {
    font-size: 18px;
}

.left-column .blog-search form {
    position: relative;
}

.left-column .blog-search form input {
    width: 100%;
    color: #aeaeae;
    font-size: 13px;
    padding: 8px 10px;
    margin-top: 23px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.left-column.style-1 .blog-search form input {
    margin-top: 23px;
    border-radius: 25px;
}

.left-column .blog-search form a {
    position: absolute;
    bottom: 35%;
    right: 15px;
    transform: translateY(50%);
    font-size: 16px;
    color: #999;
    line-height: 0;
}

.left-column .blog-head h4 {
    font-size: 18px;
    margin-top: 15px;
}

.left-column .blog-title h4 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 23px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.left-column .left-blog .blog-item {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.left-column .left-blog .blog-item:last-child {
    margin-bottom: 0px;
}

.left-column .left-blog .blog-item .l-blog-image {
    margin-right: 15px;
}

.left-column .left-blog .blog-item .l-blog-caption h4 {
    font-size: 14px;
    margin-top: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.left-column.style-1 .left-blog .blog-item .l-blog-caption h4 a:hover,
.left-column.style-5 .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: var(--theme-color);
}

.left-column.style-2 .left-blog .blog-item .l-blog-caption h4 a:hover,
.left-column.style-3 .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #5fa800;
}

.left-column.style-6 .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #73841b;
}

.left-column .blog-tag h4 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 18px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.left-column .blog-tag ul.tegs {
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -10px;
}

.left-column .blog-tag ul.tegs li a {
    color: #999;
    font-size: 13px;
    padding: 5px 10px;
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.left-column .blog-tag ul.tegs li a:hover {
    background-color: #000;
    color: #fff;
}

.left-column .blog-tag.style-1 ul.tegs li a {
    border-radius: 25px;
}

/* right column css */
.right-area {
    margin-top: 30px;
}

.right-c .right-area {
    margin-top: 0px;
}

.right-area .right-column-start h4 {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 32px;
    line-height: 1;
}

.right-area .right-column-start .archive-link h5 {
    display: inline;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    background-color: var(--theme-color);
    font-weight: 400;
    line-height: 1;
}

.right-area.style-3 .right-column-start .archive-link h5 {
    background-color: #5fa800;
}

.right-area.style-6 .right-column-start .archive-link h5 {
    background-color: #73841b;
}

.right-area.style-7 .right-column-start .archive-link h5 {
    background-color: #cd7752;
}

.right-area .right-column-start .archive-link ul {
    margin-top: 29px;
}

.right-area .right-column-start .archive-link ul li {
    margin-top: 3px;
    width: 100%;
}

.right-area .right-column-start .archive-link ul li a {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.right-area .right-column-start .archive-link ul li:first-child {
    margin-top: 0px;
}

.right-area .right-column-start .archive-link ul li a i {
    font-size: 12px;
}

.right-area .b-Reply {
    margin-top: 22px;
}

.right-area.style-1 .b-Reply {
    margin-top: 16px;
}

.right-area.style-2 .b-Reply {
    margin-top: 16px;
}

.right-area.style-5 .b-Reply {
    margin-top: 16px;
}

.right-area .b-Reply h4 {
    font-size: 16px;

    line-height: 1;
}

.right-area .b-Reply form {
    margin-top: 17px;
}

.right-area.style-1 .b-Reply form {
    margin-top: 27px;
}

.right-area.style-2 .b-Reply form {
    margin-top: 27px;
}

.right-area.style-5 .b-Reply form {
    margin-top: 27px;
}

.right-area .b-Reply form input {
    width: 100%;
    padding: 8px 15px;
    margin-top: 16px;
}

.right-area .b-Reply form input:first-child {
    margin-top: 0px;
}

.right-area .b-Reply form a.Reply-link {
    background-color: var(--theme-color);
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid var(--theme-color);
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: var(--theme-color);
}

.right-area .r-image {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #eee;
}

/* 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: var(--theme-color);
}

.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: var(--theme-color);
}

.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: var(--theme-color);
}

.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 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: var(--theme-color);
}

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

/* full blog list css */
.blog-style-1-list {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-1-list .blog-start {
    position: relative;
}

.blog-style-1-list .blog-start .blog-post {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.blog-style-1-list .blog-start:before,
.blog-style-1-list .blog-start:after {
    background-color: var(--theme-color);
}

.blog-style-1-list .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-list .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-list .blog-start {
    width: calc(100% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;
}

.blog-style-1-list .blog-start .blog-image {
    width: 50%;
}

.blog-style-1-list .blog-start .blog-content {
    width: 50%;
    margin-left: 30px;
}

.blog-style-1-list .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

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

.blog-style-1-list .blog-start .blog-content .date-comm-adit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    margin-top: 23px;
    padding-top: 25px;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin i {
    margin-right: 5px;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor {
    font-weight: 600;
    margin-left: 5px;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-date i {
    margin-right: 5px;
}

.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-list .blog-start .blog-content .date-comm-adit a {
    font-weight: 600;
    display: flex;
    align-items: center;
}

.blog-style-1-list .blog-start .blog-content .date-comm-adit a i {
    margin-right: 5px;
}

.blog-style-1-list .blog-start .blog-content p.blog-description {
    margin-top: 20px;
    color: #999;
}

.blog-style-1-list .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-list .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog-style-1-list .blog-start .blog-content a.read-link:hover span {
    color: var(--theme-color);
}

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

.blog-style-1-list .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog-style-1-list .blog-start .blog-content a.read-link span,
.blog-style-1-list .blog-start .blog-content a.read-link:hover span,
.blog-style-1-list .blog-start .blog-content a.read-link i,
.blog-style-1-list .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;
}

/* left-right blog list css */
.blog-style-1-left-list-blog,
.blog-style-1-right-blog {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-1-left-list-blog .blog-start,
.blog-style-1-right-blog .blog-start {
    position: relative;
}

.blog-style-1-left-list-blog .blog-start .blog-post,
.blog-style-1-right-blog .blog-start .blog-post {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.blog-style-1-left-list-blog .blog-start:before,
.blog-style-1-left-list-blog .blog-start:after,
.blog-style-1-right-blog .blog-start:before,
.blog-style-1-right-blog .blog-start:after {
    background-color: var(--theme-color);
}

.blog-style-1-left-list-blog .blog-start:before,
.blog-style-1-right-blog .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-list-blog .blog-start:after,
.blog-style-1-right-blog .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-list-blog .blog-start,
.blog-style-1-right-blog .blog-start {
    width: calc(100% - 30px);
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;
    ;
}

.blog-style-1-left-list-blog .blog-start .blog-image,
.blog-style-1-right-blog .blog-start .blog-image {
    display: flex;
    width: 50%;
}

.blog-style-1-list .blog-start .blog-image a img,
.blog-style-1-left-list-blog .blog-start .blog-image a img,
.blog-style-1-right-blog .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.blog-style-1-left-list-blog .blog-start .blog-content,
.blog-style-1-right-blog .blog-start .blog-content {
    width: 50%;
    margin-left: 30px;
}

.blog-style-1-right-blog .blog-start .blog-content .blog-date,
.blog-style-1-left-list-blog .blog-start .blog-content .blog-date,
.blog-style-1-list .blog-start .blog-content .blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-1-left-list-blog .blog-start .blog-content .blog-date-comment a,
.blog-style-1-right-blog .blog-start .blog-content .blog-date-comment a {
    font-weight: 600;
}

.blog-style-1-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-style-1-right-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-1-right-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dfdfdf;
    margin-top: 23px;
    padding-top: 25px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-date i,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-date i {
    margin-right: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a {
    font-size: 14px;
    font-weight: 600;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit a i,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit a i {
    margin-right: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin,
.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin i,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin i {
    margin-right: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor,
.blog-style-1-right-blog .blog-start .blog-content .date-comm-adit span.blog-admin span.blog-editor {
    font-weight: 600;
    margin-left: 5px;
}

.blog-style-1-left-list-blog .blog-start .blog-content p.blog-description,
.blog-style-1-right-blog .blog-start .blog-content p.blog-description {
    margin-top: 20px;
    color: #999;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link,
.blog-style-1-right-blog .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-list-blog .blog-start .blog-content a.read-link span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link span {
    color: #222;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover span {
    color: var(--theme-color);
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link i {
    padding-left: 5px;
    font-size: 12px;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover i {
    padding-left: 10px;
}

.blog-style-1-left-list-blog .blog-start .blog-content a.read-link span,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link i,
.blog-style-1-left-list-blog .blog-start .blog-content a.read-link:hover i,
.blog-style-1-right-blog .blog-start .blog-content a.read-link span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link:hover span,
.blog-style-1-right-blog .blog-start .blog-content a.read-link i,
.blog-style-1-right-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;
}

/* 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: 18px;
}

.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: var(--theme-color);
    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: var(--theme-color);
}

.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: var(--theme-color);
    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;
}

.blog-style-1-details .single-blog-content .b-link a,
.blog-style-1-left-details .single-blog-content .b-link a,
.blog-style-1-right-details .single-blog-content .b-link a {
    background-color: var(--theme-color);
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.blog-style-1-details .single-blog-content .b-link a:hover,
.blog-style-1-left-details .single-blog-content .b-link a:hover,
.blog-style-1-right-details .single-blog-content .b-link 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 {
    margin-top: 30px;
    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: var(--theme-color);
}

.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: var(--theme-color);
}

.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: var(--theme-color);
    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: var(--theme-color);
    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: var(--theme-color);
}

.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: var(--theme-color);
}

.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: var(--theme-color);
}

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

/* center blog css */
.cetner-blog-area {
    counter-reset: my-sec-counter;
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-area .blog-start {
    position: relative;
}

.cetner-blog-area .blog-start .blog-post {
    margin-top: 15px;
    border: 1px solid #eee;
}

.cetner-blog-area .blog-start:before,
.cetner-blog-area .blog-start:after {
    background-color: var(--theme-color);
}

.cetner-blog-area .blog-start:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    position: absolute;
    top: 0px;
    left: 15px;
    width: 60px;
    height: 60px;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    border-radius: 0px 5% 25% 25%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.cetner-blog-area .blog-start:after {
    content: "";
    width: 20px;
    height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    border-radius: 20px 5px 0px 0px;
}

.cetner-blog-area .blog-start {
    width: 100%;
    margin-top: 30px;
    border-radius: 5px;
}

.cetner-blog-area .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-area .blog-start .blog-image {
    display: flex;
}

.cetner-blog-area .blog-start .blog-content {
    padding: 30px;
}

.cetner-blog-area .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

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

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

.cetner-blog-area .blog-start .blog-content span.blog-admin span.blog-editor {
    color: #000;
    font-weight: 600;
}

.cetner-blog-area .blog-start .blog-content p.blog-description {
    font-size: 14px;
    margin-top: 21px;
}

.cetner-blog-area .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;
}

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

.cetner-blog-area .blog-start .blog-content a.read-link:hover span {
    color: var(--theme-color);
}

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

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

.cetner-blog-area .blog-start .blog-content a.read-link span,
.cetner-blog-area .blog-start .blog-content a.read-link:hover span,
.cetner-blog-area .blog-start .blog-content a.read-link i,
.cetner-blog-area .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;
}

.cetner-blog-area .blog-start .blog-content .blog-date-comment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
}

.cetner-blog-area .blog-start .blog-content .blog-date-comment a {
    font-size: 14px;
    font-weight: 600;
}

/* center blog right column btn css */
.right-area .b-Reply form a.btn-style1 {
    width: 100%;
    margin-top: 30px;
}

.center-right-area.style-3 .b-Reply form a.Reply-link-3 {
    background-color: #5fa800;
    width: 100%;
    position: relative;
    color: #fff;
    font-size: 13px;
    padding: 8px 25px;
    margin-top: 30px;
    border: 2px solid #5fa800;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
}

.right-area.style-5 .b-Reply form a.Reply-link {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    background-color: var(--theme-color);

    font-weight: 600;
    border: 2px solid var(--theme-color);
    border-radius: 3px;
    border-color: var(--theme-color);
}

.right-area.style-5 .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: var(--theme-color);
    border-color: var(--theme-color);
}

.center-right-area.style-6 .b-Reply form a.Reply-link-6 {
    position: relative;
    width: 100%;
    background-color: #73841b;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50px;
    border-color: #73841b;
}

/* style-2 blog pagination css */
.all-page span.page-title {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;

}

.all-page .page-number {
    text-align: center;
    margin-top: 19px;
}

.all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.all-page .page-number a:after {
    background-color: #5fa800;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: #5fa800;
}

.all-page .page-number a:last-child:after {
    display: none;
}

/* right column css */
.right-area.style-1 .right-column-start .archive-link ul li a:hover,
.right-area.style-5 .right-column-start .archive-link ul li a:hover {
    color: var(--theme-color);
}

.right-area.style-2 .right-column-start .archive-link ul li a:hover,
.center-right-area.style-3 .right-column-start .archive-link ul li a:hover,
.right-area.style-3 .right-column-start .archive-link ul li a:hover {
    color: #5fa800;
}

.center-right-area.style-6 .right-column-start .archive-link ul li a:hover {
    color: #73841b;
}

.right-area.style-7 .right-column-start .archive-link ul li a:hover {
    color: #cd7752;
}

.right-area .b-Reply form a.Reply-link {
    background-color: #5fa800;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #5fa800;
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}

/* left-right-full grid blog css */
.full-blog-style-2,
.left-style-2-blog,
.right-style-2-blog {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}

.full-blog-style-2 .blog-start,
.left-style-2-blog .blog-start,
.right-style-2-blog .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.full-blog-style-2 .blog-start .blog-image a,
.left-style-2-blog .blog-start .blog-image a,
.right-style-2-blog .blog-start .blog-image a {
    display: block;
}

.full-blog-style-2 .blog-start .blog-image a img,
.left-style-2-blog .blog-start .blog-image a img,
.right-style-2-blog .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-style-2 .blog-start .blog-content,
.left-style-2-blog .blog-start .blog-content,
.right-style-2-blog .blog-start .blog-content {
    padding-top: 30px;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment,
.left-style-2-blog .blog-start .blog-content .blog-date-comment,
.right-style-2-blog .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.right-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-style-2 .blog-start .blog-content .blog-date-comment a,
.left-style-2-blog .blog-start .blog-content .blog-date-comment span.blog-date,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.right-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-style-2-blog .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment a,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a:hover,
.right-style-2-blog .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.left-style-2-blog .blog-start .blog-content .blog-date-comment span.blog-date i,
.full-blog-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-style-2-blog .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.full-blog-style-2 .blog-start .blog-content .blog-title h6,
.left-style-2-blog .blog-start .blog-content .blog-title h6,
.right-style-2-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 20px;
    padding-top: 13px;
    border-top: 1px solid #ededed;
}

.full-blog-style-2 .blog-start .blog-content .blog-title h6 a,
.left-style-2-blog .blog-start .blog-content .blog-title h6 a,
.right-style-2-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.left-style-2-blog .blog-start .blog-content .blog-title h6 a:hover,
.right-style-2-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-style-2 .blog-start .blog-content p.blog-description,
.left-style-2-blog .blog-start .blog-content p.blog-description,
.right-style-2-blog .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-style-2 .blog-start .blog-content .more-blog,
.left-style-2-blog .blog-start .blog-content .more-blog,
.right-style-2-blog .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
    font-weight: 600;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.right-style-2-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-style-2-blog .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-style-2-blog .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* left-right-full list blog css */
.full-blog-list-style-2 .blog-start {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.left-blog-list-style-2 .blog-start {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.right-blog-list-style-2 .blog-start {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.full-blog-list-style-2 .blog-start .blog-image,
.left-blog-list-style-2 .blog-start .blog-image,
.right-blog-list-style-2 .blog-start .blog-image {
    width: 50%;
}

.full-blog-list-style-2 .blog-start .blog-image a,
.left-blog-list-style-2 .blog-start .blog-image a,
.right-blog-list-style-2 .blog-start .blog-image a {
    display: block;
}

.full-blog-list-style-2 .blog-start .blog-image a img,
.left-blog-list-style-2 .blog-start .blog-image a img,
.right-blog-list-style-2 .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-list-style-2 .blog-start .blog-content,
.left-blog-list-style-2 .blog-start .blog-content,
.right-blog-list-style-2 .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.left-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-blog-list-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 30px;
    padding-top: 23px;
    border-top: 1px solid #ededed;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-list-style-2 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-list-style-2 .blog-start .blog-content p.blog-description,
.left-blog-list-style-2 .blog-start .blog-content p.blog-description,
.right-blog-list-style-2 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog,
.left-blog-list-style-2 .blog-start .blog-content .more-blog,
.right-blog-list-style-2 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
    font-weight: 600;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-list-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-list-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-list-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* left-right-full details blog css */
.style-2-full-blog-area .single-image {
    margin-bottom: 33px;
}

.style-2-right-blog-details .single-blog-content,
.style-2-left-blog-details .single-blog-content {
    margin-top: 33px;
}

.style-2-full-blog-area .single-blog-content .single-b-title h4,
.style-2-right-blog-details .single-blog-content .single-b-title h4,
.style-2-left-blog-details .single-blog-content .single-b-title h4 {
    font-size: 18px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments,
.style-2-right-blog-details .single-blog-content .date-edit-comments,
.style-2-left-blog-details .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date {
    margin-right: 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c {
    margin-left: 5px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit {
    margin-right: 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.style-2-full-blog-area .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-2-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-2-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.style-2-full-blog-area .single-blog-content .blog-description,
.style-2-right-blog-details .single-blog-content .blog-description,
.style-2-left-blog-details .single-blog-content .blog-description {
    margin-top: 23px;
}

.style-2-full-blog-area .single-blog-content .blog-description p,
.style-2-right-blog-details .single-blog-content .blog-description p,
.style-2-left-blog-details .single-blog-content .blog-description p {
    margin-top: 1px;
}

.style-2-full-blog-area .single-blog-content .blog-description .blog-image-description,
.style-2-right-blog-details .single-blog-content .blog-description .blog-image-description,
.style-2-left-blog-details .single-blog-content .blog-description .blog-image-description {
    margin-top: 22px;
}

.style-2-full-blog-area .single-blog-content .blog-description .blog-image-description img,
.style-2-right-blog-details .single-blog-content .blog-description .blog-image-description img,
.style-2-left-blog-details .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 30px;
}

.style-2-full-blog-area .single-blog-content .blog-description .blog-image-description p.bold-description,
.style-2-right-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.style-2-left-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 600;
}

.style-2-full-blog-area .single-blog-content .blog-description p.color-description,
.style-2-right-blog-details .single-blog-content .blog-description p.color-description,
.style-2-left-blog-details .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #5fa800;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #eee;
}

.style-2-full-blog-area .single-blog-content .blog-info,
.style-2-right-blog-details .single-blog-content .blog-info,
.style-2-left-blog-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;
}

.style-2-full-blog-area .single-blog-content .blog-info i.fa-quote-left,
.style-2-right-blog-details .single-blog-content .blog-info i.fa-quote-left,
.style-2-left-blog-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .blog-info h6,
.style-2-right-blog-details .single-blog-content .blog-info h6,
.style-2-left-blog-details .single-blog-content .blog-info h6 {
    color: #5fa800;
    font-size: 16px;
    font-weight: 600;
    margin-top: 9px;
}

.style-2-full-blog-area .single-blog-content .b-link,
.style-2-right-blog-details .single-blog-content .b-link,
.style-2-left-blog-details .single-blog-content .b-link {
    margin-top: 30px;
}

.style-2-full-blog-area .single-blog-content .b-link a,
.style-2-right-blog-details .single-blog-content .b-link a,
.style-2-left-blog-details .single-blog-content .b-link a {
    background-color: #5fa800;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.style-2-full-blog-area .single-blog-content .b-link a:hover,
.style-2-right-blog-details .single-blog-content .b-link a:hover,
.style-2-left-blog-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social,
.style-2-right-blog-details .single-blog-content .blog-social,
.style-2-left-blog-details .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style-2-full-blog-area .single-blog-content .blog-social a.facebook,
.style-2-full-blog-area .single-blog-content .blog-social a.twitter,
.style-2-full-blog-area .single-blog-content .blog-social a.insta,
.style-2-full-blog-area .single-blog-content .blog-social a.pinterest,
.style-2-right-blog-details .single-blog-content .blog-social a.facebook,
.style-2-right-blog-details .single-blog-content .blog-social a.twitter,
.style-2-right-blog-details .single-blog-content .blog-social a.insta,
.style-2-right-blog-details .single-blog-content .blog-social a.pinterest,
.style-2-left-blog-details .single-blog-content .blog-social a.facebook,
.style-2-left-blog-details .single-blog-content .blog-social a.twitter,
.style-2-left-blog-details .single-blog-content .blog-social a.insta,
.style-2-left-blog-details .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.style-2-full-blog-area .single-blog-content .blog-social a.facebook,
.style-2-right-blog-details .single-blog-content .blog-social a.facebook,
.style-2-left-blog-details .single-blog-content .blog-social a.facebook {
    background-color: #3b5999;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a.twitter,
.style-2-right-blog-details .single-blog-content .blog-social a.twitter,
.style-2-left-blog-details .single-blog-content .blog-social a.twitter {
    background-color: #55acee;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a.insta,
.style-2-right-blog-details .single-blog-content .blog-social a.insta,
.style-2-left-blog-details .single-blog-content .blog-social a.insta {
    background-color: #dd4b39;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a.pinterest,
.style-2-right-blog-details .single-blog-content .blog-social a.pinterest,
.style-2-left-blog-details .single-blog-content .blog-social a.pinterest {
    background-color: #bd081c;
    color: #fff;
}

.style-2-full-blog-area .single-blog-content .blog-social a:hover,
.style-2-right-blog-details .single-blog-content .blog-social a:hover,
.style-2-left-blog-details .single-blog-content .blog-social a:hover {
    background-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .blog-comments,
.style-2-right-blog-details .single-blog-content .blog-comments,
.style-2-left-blog-details .single-blog-content .blog-comments {
    margin-top: 23px;
}

.style-2-full-blog-area .single-blog-content .blog-comments h4,
.style-2-right-blog-details .single-blog-content .blog-comments h4,
.style-2-left-blog-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.style-2-full-blog-area .single-blog-content .blog-comments h4 span,
.style-2-right-blog-details .single-blog-content .blog-comments h4 span,
.style-2-left-blog-details .single-blog-content .blog-comments h4 span {
    color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-2-left-blog-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;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #5fa800;
    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;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
    margin-bottom: 5px;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #5fa800;
    margin-left: 30px;
    font-weight: 500;
}

.style-2-full-blog-area .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-2-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-2-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form,
.style-2-right-blog-details .single-blog-content .comments-form,
.style-2-left-blog-details .single-blog-content .comments-form {
    margin-top: 24px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.style-2-full-blog-area .single-blog-content .comments-form h4,
.style-2-right-blog-details .single-blog-content .comments-form h4,
.style-2-left-blog-details .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.style-2-full-blog-area .single-blog-content .comments-form form,
.style-2-right-blog-details .single-blog-content .comments-form form,
.style-2-left-blog-details .single-blog-content .comments-form form {
    margin-top: 18px;
}

.style-2-full-blog-area .single-blog-content .comments-form form label,
.style-2-right-blog-details .single-blog-content .comments-form form label,
.style-2-left-blog-details .single-blog-content .comments-form form label {
    margin-top: 15px;
}

.style-2-full-blog-area .single-blog-content .comments-form form label:first-child,
.style-2-right-blog-details .single-blog-content .comments-form form label:first-child,
.style-2-left-blog-details .single-blog-content .comments-form form label:first-child {
    margin-top: 0px;
}

.style-2-full-blog-area .single-blog-content .comments-form form input,
.style-2-right-blog-details .single-blog-content .comments-form form input,
.style-2-left-blog-details .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.style-2-full-blog-area .single-blog-content .comments-form form input:focus,
.style-2-right-blog-details .single-blog-content .comments-form form input:focus,
.style-2-left-blog-details .single-blog-content .comments-form form input:focus {
    border-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form form textarea,
.style-2-right-blog-details .single-blog-content .comments-form form textarea,
.style-2-left-blog-details .single-blog-content .comments-form form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.style-2-full-blog-area .single-blog-content .comments-form form textarea:focus,
.style-2-right-blog-details .single-blog-content .comments-form form textarea:focus,
.style-2-left-blog-details .single-blog-content .comments-form form textarea:focus {
    border-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form a.btn-style1,
.style-2-right-blog-details .single-blog-content .comments-form a.btn-style1,
.style-2-left-blog-details .single-blog-content .comments-form a.btn-style1 {
    margin-top: 24px;
    background-color: #5fa800;
    border-color: #5fa800;
}

.style-2-full-blog-area .single-blog-content .comments-form a.btn-style1:hover,
.style-2-right-blog-details .single-blog-content .comments-form a.btn-style1:hover,
.style-2-left-blog-details .single-blog-content .comments-form a.btn-style1:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}

/* center blog css */
.cetner-blog-style-2 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-2 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-2 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-2 .blog-start .blog-image a {
    display: block;
}

.cetner-blog-style-2 .blog-start .blog-content {
    padding-top: 30px;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date,
.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment span.blog-date i,
.cetner-blog-style-2 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 20px;
    padding-top: 13px;
    border-top: 1px solid #ededed;
}

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

.cetner-blog-style-2 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.cetner-blog-style-2 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
    font-weight: 600;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.cetner-blog-style-2 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* blog style-3 section title */
.section-title3 h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;

    font-weight: bold;
}

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

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

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

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

/* style-3 blog css */
.full-blog-style-3,
.blog-style-3-left-grid,
.blog-style-3-right-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-top: -30px;
}

.full-blog-style-3 .blog-start,
.blog-style-3-left-grid .blog-start,
.blog-style-3-right-grid .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.full-blog-style-3 .blog-start .blog-image,
.blog-style-3-left-grid .blog-start .blog-image,
.blog-style-3-right-grid .blog-start .blog-image {
    display: flex;
}

.full-blog-style-3 .blog-start .blog-image a::after,
.blog-style-3-left-grid .blog-start .blog-image a::after,
.blog-style-3-right-grid .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-style-3 .blog-start:hover .blog-image a::after,
.blog-style-3-left-grid .blog-start:hover .blog-image a::after,
.blog-style-3-right-grid .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-style-3 .blog-start .blog-image a,
.blog-style-3-left-grid .blog-start .blog-image a,
.blog-style-3-right-grid .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.full-blog-style-3 .blog-start .blog-image a img,
.blog-style-3-left-grid .blog-start .blog-image a img,
.blog-style-3-right-grid .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-style-3 .blog-start:hover .blog-image a img,
.blog-style-3-left-grid .blog-start:hover .blog-image a img,
.blog-style-3-right-grid .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-style-3 .blog-start .blog-image a img,
.full-blog-style-3 .blog-start:hover .blog-image a img,
.blog-style-3-left-grid .blog-start .blog-image a img,
.blog-style-3-left-grid .blog-start:hover .blog-image a img,
.blog-style-3-right-grid .blog-start .blog-image a img,
.blog-style-3-right-grid .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-style-3 .blog-start .blog-content,
.blog-style-3-left-grid .blog-start .blog-content,
.blog-style-3-right-grid .blog-start .blog-content {
    padding-top: 30px;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment a,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a,
.full-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment span.blog-date,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a:hover,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.full-blog-style-3 .blog-start .blog-content .blog-date-comment a i,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment a i,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment a i,
.full-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.blog-style-3-left-grid .blog-start .blog-content .blog-date-comment span.blog-date i,
.blog-style-3-right-grid .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-style-3 .blog-start .blog-content .blog-title h6,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 {
    font-size: 15px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #ededed;
}

.full-blog-style-3 .blog-start .blog-content .blog-title h6 a,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-3-left-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-3-right-grid .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-style-3 .blog-start .blog-content p.blog-description,
.blog-style-3-left-grid .blog-start .blog-content p.blog-description,
.blog-style-3-right-grid .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 17px;
    font-size: 14px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog,
.blog-style-3-left-grid .blog-start .blog-content .more-blog,
.blog-style-3-right-grid .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-left-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-3-right-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.blog-style-3-left-grid .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.blog-style-3-right-grid .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

.all-page span.page-title {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;

}

/* full-left-right list blog css */
.full-blog-list-style-3,
.left-blog-list-style-3,
.right-blog-style-3 {
    display: flex;
    flex-wrap: wrap;
}

.full-blog-list-style-3 .blog-start,
.left-blog-list-style-3 .blog-start,
.right-blog-style-3 .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.full-blog-list-style-3 .blog-start .blog-image,
.left-blog-list-style-3 .blog-start .blog-image,
.right-blog-style-3 .blog-start .blog-image {
    display: flex;
    width: 50%;
}

.full-blog-list-style-3 .blog-start .blog-image a::after,
.left-blog-list-style-3 .blog-start .blog-image a::after,
.right-blog-style-3 .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start:hover .blog-image a::after,
.left-blog-list-style-3 .blog-start:hover .blog-image a::after,
.right-blog-style-3 .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start .blog-image a,
.left-blog-list-style-3 .blog-start .blog-image a,
.right-blog-style-3 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.full-blog-list-style-3 .blog-start .blog-image a img,
.left-blog-list-style-3 .blog-start .blog-image a img,
.right-blog-style-3 .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.full-blog-list-style-3 .blog-start:hover .blog-image a img,
.left-blog-list-style-3 .blog-start:hover .blog-image a img,
.right-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-list-style-3 .blog-start .blog-image a img,
.full-blog-list-style-3 .blog-start:hover .blog-image a img,
.left-blog-list-style-3 .blog-start .blog-image a img,
.left-blog-list-style-3 .blog-start:hover .blog-image a img,
.right-blog-style-3 .blog-start .blog-image a img,
.right-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start .blog-content,
.left-blog-list-style-3 .blog-start .blog-content,
.right-blog-style-3 .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a:hover,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment a i,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.left-blog-list-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 {
    font-size: 15px;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid #ededed;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6 a,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-3 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.full-blog-list-style-3 .blog-start .blog-content p.blog-description,
.left-blog-list-style-3 .blog-start .blog-content p.blog-description,
.right-blog-style-3 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 17px;
    font-size: 14px;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog,
.left-blog-list-style-3 .blog-start .blog-content .more-blog,
.right-blog-style-3 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-3 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-list-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-list-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* style 3 full-left-right blog details css */
/* 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-blog-details .single-image-carousel .items,
.left-blog-details .single-image-carousel .items,
.right-blog-details .single-image-carousel .items {
    display: flex;
}

.full-blog-details .single-image-carousel a::after,
.left-blog-details .single-image-carousel a::after,
.right-blog-details .single-image-carousel a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-details .single-image-carousel:hover a::after,
.left-blog-details .single-image-carousel:hover a::after,
.right-blog-details .single-image-carousel:hover a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-details .single-image-carousel a,
.left-blog-details .single-image-carousel a,
.right-blog-details .single-image-carousel a {
    position: relative;
    overflow: hidden;
}

.full-blog-details .single-image-carousel:hover a img,
.left-blog-details .single-image-carousel:hover a img,
.right-blog-details .single-image-carousel:hover a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-details .single-image-carousel a img,
.full-blog-details .single-image-carousel:hover a img,
.left-blog-details .single-image-carousel a img,
.left-blog-details .single-image-carousel:hover a img,
.right-blog-details .single-image-carousel a img,
.right-blog-details .single-image-carousel:hover a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.full-blog-details .single-blog-content,
.left-blog-details .single-blog-content,
.right-blog-details .single-blog-content {
    margin-top: 33px;
}

.full-blog-details .single-blog-content .single-b-title h4,
.left-blog-details .single-blog-content .single-b-title h4,
.right-blog-details .single-blog-content .single-b-title h4 {
    font-size: 18px;
}

.full-blog-details .single-blog-content .date-edit-comments,
.left-blog-details .single-blog-content .date-edit-comments,
.right-blog-details .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details .single-blog-content .blog-description,
.left-blog-details .single-blog-content .blog-description,
.right-blog-details .single-blog-content .blog-description {
    margin-top: 23px;
}

.full-blog-details .single-blog-content .blog-description p,
.left-blog-details .single-blog-content .blog-description p,
.right-blog-details .single-blog-content .blog-description p {
    margin-top: 1px;
}

.full-blog-details .single-blog-content .blog-description .blog-image-description,
.left-blog-details .single-blog-content .blog-description .blog-image-description,
.right-blog-details .single-blog-content .blog-description .blog-image-description {
    margin-top: 22px;
}

.full-blog-details .single-blog-content .blog-description .blog-image-description img,
.left-blog-details .single-blog-content .blog-description .blog-image-description img,
.right-blog-details .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 30px;
}

.full-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-description p.color-description,
.left-blog-details .single-blog-content .blog-description p.color-description,
.right-blog-details .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #5fa800;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #eee;
}

.full-blog-details .single-blog-content .blog-info,
.left-blog-details .single-blog-content .blog-info,
.right-blog-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;
}

.full-blog-details .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #5fa800;
}

.full-blog-details .single-blog-content .blog-info h6,
.left-blog-details .single-blog-content .blog-info h6,
.right-blog-details .single-blog-content .blog-info h6 {
    color: #5fa800;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-comments h4,
.left-blog-details .single-blog-content .blog-comments h4,
.right-blog-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details .single-blog-content .blog-comments h4 span,
.left-blog-details .single-blog-content .blog-comments h4 span,
.right-blog-details .single-blog-content .blog-comments h4 span {
    color: #5fa800;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 22px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-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;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #5fa800;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-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: #5fa800;
    font-weight: 500;
}

.full-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #5fa800;
}

.full-blog-details .single-blog-content .b-link,
.left-blog-details .single-blog-content .b-link,
.right-blog-details .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details .single-blog-content .b-link a,
.left-blog-details .single-blog-content .b-link a,
.right-blog-details .single-blog-content .b-link a {
    background-color: #5fa800;
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.full-blog-details .single-blog-content .b-link a:hover,
.left-blog-details .single-blog-content .b-link a:hover,
.right-blog-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social,
.left-blog-details .single-blog-content .blog-social,
.right-blog-details .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details .single-blog-content .blog-social a.facebook,
.full-blog-details .single-blog-content .blog-social a.twitter,
.full-blog-details .single-blog-content .blog-social a.insta,
.full-blog-details .single-blog-content .blog-social a.pinterest,
.left-blog-details .single-blog-content .blog-social a.facebook,
.left-blog-details .single-blog-content .blog-social a.twitter,
.left-blog-details .single-blog-content .blog-social a.insta,
.left-blog-details .single-blog-content .blog-social a.pinterest,
.right-blog-details .single-blog-content .blog-social a.facebook,
.right-blog-details .single-blog-content .blog-social a.twitter,
.right-blog-details .single-blog-content .blog-social a.insta,
.right-blog-details .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details .single-blog-content .blog-social a.facebook,
.left-blog-details .single-blog-content .blog-social a.facebook,
.right-blog-details .single-blog-content .blog-social a.facebook {
    background-color: #3b5999;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a.twitter,
.left-blog-details .single-blog-content .blog-social a.twitter,
.right-blog-details .single-blog-content .blog-social a.twitter {
    background-color: #55acee;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a.insta,
.left-blog-details .single-blog-content .blog-social a.insta,
.right-blog-details .single-blog-content .blog-social a.insta {
    background-color: #dd4b39;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a.pinterest,
.left-blog-details .single-blog-content .blog-social a.pinterest,
.right-blog-details .single-blog-content .blog-social a.pinterest {
    background-color: #bd081c;
    color: #fff;
}

.full-blog-details .single-blog-content .blog-social a:hover,
.left-blog-details .single-blog-content .blog-social a:hover,
.right-blog-details .single-blog-content .blog-social a:hover {
    background-color: #5fa800;
}

.full-blog-details .single-blog-content .blog-comments,
.left-blog-details .single-blog-content .blog-comments,
.right-blog-details .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details .single-blog-content .blog-comments h4,
.left-blog-details .single-blog-content .blog-comments h4,
.right-blog-details .single-blog-content .blog-comments h4 {
    font-size: 20px;
}

.full-blog-details .single-blog-content .blog-comments h4 span,
.left-blog-details .single-blog-content .blog-comments h4 span,
.right-blog-details .single-blog-content .blog-comments h4 span {
    color: #5fa800;
}

.full-blog-details .single-blog-content .comments-form,
.left-blog-details .single-blog-content .comments-form,
.right-blog-details .single-blog-content .comments-form {
    margin-top: 20px;
}

.full-blog-details .single-blog-content .comments-form h4,
.left-blog-details .single-blog-content .comments-form h4,
.right-blog-details .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.full-blog-details .single-blog-content .comments-form form label,
.left-blog-details .single-blog-content .comments-form form label,
.right-blog-details .single-blog-content .comments-form form label {
    margin-top: 15px;
    margin-bottom: 5px;
}

.full-blog-details .single-blog-content .comments-form form input,
.left-blog-details .single-blog-content .comments-form form input,
.right-blog-details .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.full-blog-details .single-blog-content .comments-form form input:focus,
.left-blog-details .single-blog-content .comments-form form input:focus,
.right-blog-details .single-blog-content .comments-form form input:focus {
    border-color: #5fa800;
}

.full-blog-details .single-blog-content .comments-form form textarea,
.left-blog-details .single-blog-content .comments-form form textarea,
.right-blog-details .single-blog-content .comments-form form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.full-blog-details .single-blog-content .comments-form form textarea:focus,
.left-blog-details .single-blog-content .comments-form form textarea:focus,
.right-blog-details .single-blog-content .comments-form form textarea:focus {
    border-color: #5fa800;
}

.full-blog-details .single-blog-content .comments-form a.btn-style1,
.left-blog-details .single-blog-content .comments-form a.btn-style1,
.right-blog-details .single-blog-content .comments-form a.btn-style1 {
    margin-top: 15px;
}

/* Blog css */
.details-blog-carousel .blog-start .blog-image {
    display: flex;
}

.details-blog-carousel .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.details-blog-carousel .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.details-blog-carousel .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.details-blog-carousel .blog-start .blog-image a img {
    backface-visibility: hidden;
}

.details-blog-carousel .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.details-blog-carousel .blog-start .blog-image a img,
.details-blog-carousel .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.details-blog-carousel .blog-start .blog-content {
    padding-top: 27px;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.details-blog-carousel .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.details-blog-carousel .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #ededed;
}

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

.details-blog-carousel .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.details-blog-carousel .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.details-blog-carousel .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-blog-carousel .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
}

.details-blog-carousel .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

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

.details-blog-carousel .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.details-blog-carousel .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* center blog css */
.cetner-blog-style-3 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-3 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-3 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-3 .blog-start .blog-image {
    display: flex;
}

.cetner-blog-style-3 .blog-start .blog-image a::after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start:hover .blog-image a::after {
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.cetner-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.cetner-blog-style-3 .blog-start .blog-image a img,
.cetner-blog-style-3 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start .blog-content {
    padding-top: 30px;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment {
    display: flex;
    justify-content: space-between;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date,
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a {
    display: flex;
    align-items: center;
    line-height: 1;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a:hover {
    color: #5fa800;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment span.blog-date i,
.cetner-blog-style-3 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 {
    font-size: 15px;
    margin-top: 20px;
    padding-top: 14px;
    border-top: 1px solid #ededed;
}

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

.cetner-blog-style-3 .blog-start .blog-content .blog-title h6 a:hover {
    color: #5fa800;
}

.cetner-blog-style-3 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 17px;
    font-size: 14px;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link {
    color: #5fa800;
    font-size: 16px;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.cetner-blog-style-3 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* right column css */
.center-right-area .right-column-start h4 {
    font-size: 18px;
    margin-bottom: 32px;
    line-height: 1;
}

.center-right-area .right-column-start .archive-link h5 {
    display: inline;
    font-size: 14px;
    padding: 5px 15px;
    margin-bottom: 22px;
    line-height: 1;
    font-weight: 400;
}

.center-right-area.style-7 .right-column-start .archive-link h5 {
    background-color: #cd7752;
    color: #fff;
}

.center-right-area .right-column-start .archive-link h5 {
    background-color: #73841b;
    color: #fff;
}

.center-right-area.style-3 .right-column-start .archive-link h5 {
    background-color: #5fa800;
    color: #fff;
}

.right-area.style-2 .right-column-start .archive-link h5 {
    background-color: #5fa800;
    color: #fff;
}

.center-right-area .right-column-start .archive-link ul {
    margin-top: 29px;
}

.center-right-area .right-column-start .archive-link ul li {
    margin-top: 9px;
}

.center-right-area .right-column-start .archive-link ul li a i {
    font-size: 12px;
}

.center-right-area .right-column-start .archive-link ul li a:hover {
    color: #5fa800;
}

.center-right-area .b-Reply {
    margin-top: 22px;
}

.center-right-area .b-Reply h4 {
    margin-bottom: 27px;
    font-size: 16px;

    line-height: 1;
}

.center-right-area .b-Reply form input {
    width: 100%;
    padding: 8px 15px;
    margin-top: 16px;
}

.center-right-area .b-Reply form input:first-child {
    margin-top: 0px;
}

.center-right-area .b-Reply form a.Reply-link {
    background-color: #5fa800;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #5fa800;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}

.center-right-area .r-image {
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #eee;
}

/* blog style-5 right column css */
.right-area .right-column-start .archive-link ul li a:hover {
    color: var(--theme-color);
}

/* blog style-5 pagination css */
.all-page .page-number a:after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: var(--theme-color);
}

/* blog style-5 center blog right column css */
.right-area .b-Reply form a.Reply-link {
    background-color: var(--theme-color);
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid var(--theme-color);
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: var(--theme-color);
}

/* blog style-5 full-left-right grid blog css */
.full-blog-style-5,
.left-blog-style-5,
.right-blog-style-5 {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.full-blog-style-5 .blog-start,
.left-blog-style-5 .blog-start,
.right-blog-style-5 .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.full-blog-style-5 .blog-start .blog-image a,
.left-blog-style-5 .blog-start .blog-image a,
.right-blog-style-5 .blog-start .blog-image a {
    display: block;
}

.full-blog-style-5 .blog-start .blog-content .blog-date-comment,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment {
    background-color: var(--theme-color);
    color: #fff;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.full-blog-style-5 .blog-start .blog-content .blog-date-comment a,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment a,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment a {
    color: #fff;
    display: flex;
    align-items: center;
}

.full-blog-style-5 .blog-start .blog-content .blog-date-comment a i,
.left-blog-style-5 .blog-start .blog-content .blog-date-comment a i,
.right-blog-style-5 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.full-blog-style-5 .blog-start .blog-content .blog-title h6,
.left-blog-style-5 .blog-start .blog-content .blog-title h6,
.right-blog-style-5 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 23px;
}

.full-blog-style-5 .blog-start .blog-content .blog-title h6 a,
.left-blog-style-5 .blog-start .blog-content .blog-title h6 a,
.right-blog-style-5 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-style-5 .blog-start .blog-content p.blog-description,
.left-blog-style-5 .blog-start .blog-content p.blog-description,
.right-blog-style-5 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-style-5 .blog-start .blog-content .more-blog,
.left-blog-style-5 .blog-start .blog-content .more-blog,
.right-blog-style-5 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link {
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 600;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* full-left-right list blog css */
.full-blog-list-style-5,
.left-blog-list-style-5,
.right-blog-list-style-5 {
    display: flex;
    flex-wrap: wrap;
}

.full-blog-list-style-5 .blog-start,
.left-blog-list-style-5 .blog-start,
.right-blog-list-style-5 .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}

.full-blog-list-style-5 .blog-start .blog-image {
    width: 35%;
}

.left-blog-list-style-5 .blog-start .blog-image,
.right-blog-list-style-5 .blog-start .blog-image {
    width: 48%;
}

.full-blog-list-style-5 .blog-start .blog-image a,
.left-blog-list-style-5 .blog-start .blog-image a,
.right-blog-list-style-5 .blog-start .blog-image a {
    display: block;
}

.full-blog-list-style-5 .blog-start .blog-content {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.left-blog-list-style-5 .blog-start .blog-content,
.right-blog-list-style-5 .blog-start .blog-content {
    width: calc(52% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment {
    color: #222;
    display: flex;
    justify-content: space-between;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment a,
.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment a i,
.full-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date i,
.left-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date i,
.right-blog-list-style-5 .blog-start .blog-content .blog-date-comment span.blog-date i {
    margin-right: 5px;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-5 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-5 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 23px;
}

.full-blog-list-style-5 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-5 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-5 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-5 .blog-start .blog-content p.blog-description,
.left-blog-list-style-5 .blog-start .blog-content p.blog-description,
.right-blog-list-style-5 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog,
.left-blog-list-style-5 .blog-start .blog-content .more-blog,
.right-blog-list-style-5 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link {
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 600;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.full-blog-list-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.left-blog-list-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor,
.right-blog-list-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* style-5 full-left-right details blog css */
.single-image-5 {
    margin-bottom: 33px;
}

.single-image-5 a img.image-xs {
    display: none;
}

.style-5-b-details .single-image {
    margin-bottom: 33px;
}

.style-5-left-blog-details .single-blog-content .full-image,
.style-5-right-blog-details .single-blog-content .full-image {
    display: none;
}

.blog-style-5-details .single-blog-content .single-b-title h4,
.style-5-left-blog-details .single-blog-content .single-b-title h4,
.style-5-right-blog-details .single-blog-content .single-b-title h4 {
    font-size: 18px;
}

.blog-style-5-details .single-blog-content .date-edit-comments,
.style-5-left-blog-details .single-blog-content .date-edit-comments,
.style-5-right-blog-details .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap,
.style-5-right-blog-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-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.date span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-5-left-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c,
.style-5-right-blog-details .single-blog-content .date-edit-comments .blog-info-wrap span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.blog-style-5-details .single-blog-content .blog-description,
.style-5-left-blog-details .single-blog-content .blog-description,
.style-5-right-blog-details .single-blog-content .blog-description {
    margin-top: 23px;
}

.blog-style-5-details .single-blog-content .blog-description p,
.style-5-left-blog-details .single-blog-content .blog-description p,
.style-5-right-blog-details .single-blog-content .blog-description p {
    margin-top: 5px;
}

.blog-style-5-details .single-blog-content .blog-description .blog-image-description,
.style-5-left-blog-details .single-blog-content .blog-description .blog-image-description,
.style-5-right-blog-details .single-blog-content .blog-description .blog-image-description {
    margin-top: 22px;
    margin-bottom: 23px;
    display: flex;
    flex-wrap: wrap;
}

.blog-style-5-details .single-blog-content .blog-description .blog-image-description img.b-image-1,
.style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1,
.style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-1 {
    width: calc(50% - 30px);
    margin-right: 30px;
}

.blog-style-5-details .single-blog-content .blog-description .blog-image-description img.b-image-2,
.style-5-left-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2,
.style-5-right-blog-details .single-blog-content .blog-description .blog-image-description img.b-image-2 {
    width: 50%;
}

.blog-style-5-details .single-blog-content .blog-description p.color-description,
.style-5-left-blog-details .single-blog-content .blog-description p.color-description,
.style-5-right-blog-details .single-blog-content .blog-description p.color-description {
    font-size: 16px;
    color: var(--theme-color);
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
    background-color: #f7f7f7;
}

.blog-style-5-details .single-blog-content .blog-info,
.style-5-left-blog-details .single-blog-content .blog-info,
.style-5-right-blog-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-5-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-left-blog-details .single-blog-content .blog-info i.fa-quote-left,
.style-5-right-blog-details .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: var(--theme-color);
}

.blog-style-5-details .single-blog-content .blog-info h6,
.style-5-left-blog-details .single-blog-content .blog-info h6,
.style-5-right-blog-details .single-blog-content .blog-info h6 {
    color: var(--theme-color);
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .b-link,
.style-5-left-blog-details .single-blog-content .b-link,
.style-5-right-blog-details .single-blog-content .b-link {
    margin-top: 30px;
}

.blog-style-5-details .single-blog-content .b-link a,
.style-5-left-blog-details .single-blog-content .b-link a,
.style-5-right-blog-details .single-blog-content .b-link a {
    background-color: var(--theme-color);
    padding: 5px 10px;
    color: #fff;
    border-radius: 4px;
}

.blog-style-5-details .single-blog-content .b-link a:hover,
.style-5-left-blog-details .single-blog-content .b-link a:hover,
.style-5-right-blog-details .single-blog-content .b-link a:hover {
    background-color: #000;
    color: #fff;
}

.blog-style-5-details .single-blog-content .blog-comments,
.style-5-left-blog-details .single-blog-content .blog-comments,
.style-5-right-blog-details .single-blog-content .blog-comments {
    margin-top: 28px;
}

.blog-style-5-details .single-blog-content .blog-comments h4,
.style-5-left-blog-details .single-blog-content .blog-comments h4,
.style-5-right-blog-details .single-blog-content .blog-comments h4 {
    font-size: 18px;
    line-height: 1;
}

.blog-style-5-details .single-blog-content .blog-comments h4 span,
.style-5-left-blog-details .single-blog-content .blog-comments h4 span,
.style-5-right-blog-details .single-blog-content .blog-comments h4 span {
    color: var(--theme-color);
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 27px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-of-type {
    margin-top: 0px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.style-5-right-blog-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-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: var(--theme-color);
    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-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin-top: 5px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    margin-top: 6px;
    margin-bottom: 0px;
    font-weight: 600;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: var(--theme-color);
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.Reply-btn {
    width: 120px;
}

.blog-style-5-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-5-left-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.style-5-right-blog-details .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: var(--theme-color);
    margin-left: 30px;
    font-weight: 500;
}

/* style-5 center blog css */
.cetner-blog-style-5 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-5 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-5 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-5 .blog-start .blog-image a {
    display: block;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment {
    background-color: var(--theme-color);
    color: #fff;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a {
    color: #fff;
    display: flex;
    align-items: center;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-date-comment a i {
    margin-right: 5px;
}

.cetner-blog-style-5 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    margin-top: 23px;
}

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

.cetner-blog-style-5 .blog-start .blog-content p.blog-description {
    margin-top: 16px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link {
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 600;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.cetner-blog-style-5 .blog-start .blog-content .more-blog span.blog-admin span.blog-editor {
    font-weight: 600;
}

/* style-6 left-right column css */
.right-area .right-column-start .archive-link ul li a:hover {
    color: #73841b;
}

/* style-6 center right column css */
.center-right-area .b-Reply form a.Reply-link {
    background-color: #73841b;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #73841b;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #73841b;
}

/* pagination css */
.all-page .page-number a:after {
    background-color: #73841b;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: #73841b;
}

/* style-6 full-left-right 3 grid blog css */
.blog-style-6-3-grid,
.blog-style-6-left-3-grid,
.blog-style-6-right-3-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-6-3-grid .blog-start,
.blog-style-6-left-3-grid .blog-start,
.blog-style-6-right-3-grid .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-6-3-grid .blog-start .blog-image,
.blog-style-6-left-3-grid .blog-start .blog-image,
.blog-style-6-right-3-grid .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-6-3-grid .blog-start .blog-image a,
.blog-style-6-left-3-grid .blog-start .blog-image a,
.blog-style-6-right-3-grid .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.blog-style-6-3-grid .blog-start .blog-image a img,
.blog-style-6-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-left-3-grid .blog-start .blog-image a img,
.blog-style-6-left-3-grid .blog-start:hover .blog-image a img,
.blog-style-6-right-3-grid .blog-start .blog-image a img,
.blog-style-6-right-3-grid .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 0px;
    left: 6px;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}

.blog-style-6-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-left-3-grid .blog-start .blog-image .image-link a:hover,
.blog-style-6-right-3-grid .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-6-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.blog-style-6-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-left-3-grid .blog-start .blog-content p.blog-description,
.blog-style-6-right-3-grid .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 16px;
}

.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-6-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-left-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-6-right-3-grid .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

/* style-6 full-left-right list blog css */
.full-blog-list-style-6,
.left-blog-list-style-6,
.right-blog-list-style-6 {
    display: flex;
    flex-wrap: wrap;
}

.full-blog-list-style-6 .blog-start,
.left-blog-list-style-6 .blog-start,
.right-blog-list-style-6 .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.full-blog-list-style-6 .blog-start .blog-image,
.left-blog-list-style-6 .blog-start .blog-image,
.right-blog-list-style-6 .blog-start .blog-image {
    position: relative;
    display: flex;
    width: 50%;
}

.full-blog-list-style-6 .blog-start .blog-image a,
.left-blog-list-style-6 .blog-start .blog-image a,
.right-blog-list-style-6 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.full-blog-list-style-6 .blog-start .blog-image a img,
.full-blog-list-style-6 .blog-start:hover .blog-image a img,
.left-blog-list-style-6 .blog-start .blog-image a img,
.left-blog-list-style-6 .blog-start:hover .blog-image a img,
.right-blog-list-style-6 .blog-start .blog-image a img,
.right-blog-list-style-6 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link,
.left-blog-list-style-6 .blog-start .blog-image .image-link,
.right-blog-list-style-6 .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 0px;
    left: 6px;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link a,
.left-blog-list-style-6 .blog-start .blog-image .image-link a,
.right-blog-list-style-6 .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
}

.full-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.left-blog-list-style-6 .blog-start .blog-image .image-link a:hover,
.right-blog-list-style-6 .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.full-blog-list-style-6 .blog-start .blog-content,
.left-blog-list-style-6 .blog-start .blog-content,
.right-blog-list-style-6 .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.left-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover,
.right-blog-list-style-6 .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.full-blog-list-style-6 .blog-start .blog-content p.blog-description,
.left-blog-list-style-6 .blog-start .blog-content p.blog-description,
.right-blog-list-style-6 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
    font-size: 14px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog,
.left-blog-list-style-6 .blog-start .blog-content .more-blog,
.right-blog-list-style-6 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 16px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.left-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i,
.right-blog-list-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

/* full-left-right blog details css */
.full-blog-details-style-6 .single-image,
.right-blog-details-style-6 .single-image,
.left-blog-details-style-6 .single-image {
    width: 100%;
    line-height: 0;
}

.full-blog-details-style-6 .single-image iframe,
.right-blog-details-style-6 .single-image iframe,
.left-blog-details-style-6 .single-image iframe {
    width: 100%;
}

.full-blog-details-style-6 .single-blog-content,
.left-blog-details-style-6 .single-blog-content,
.right-blog-details-style-6 .single-blog-content {
    margin-top: 33px;
}

.full-blog-details-style-6 .single-blog-content .single-b-title h4,
.left-blog-details-style-6 .single-blog-content .single-b-title h4,
.right-blog-details-style-6 .single-blog-content .single-b-title h4 {
    font-size: 18px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style-6 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date {
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.date span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit {
    margin-right: 25px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments {
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.left-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c,
.right-blog-details-style-6 .single-blog-content .date-edit-comments span.comments span.blog-d-n-c {
    margin-left: 5px;
}

.full-blog-details-style-6 .single-blog-content .blog-description,
.left-blog-details-style-6 .single-blog-content .blog-description,
.right-blog-details-style-6 .single-blog-content .blog-description {
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-description p,
.left-blog-details-style-6 .single-blog-content .blog-description p,
.right-blog-details-style-6 .single-blog-content .blog-description p {
    margin-top: 4px;
    line-height: 22px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description {
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 30px;
}

.full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 14px;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.left-blog-details-style-6 .single-blog-content .blog-description p.color-description,
.right-blog-details-style-6 .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #73841b;
    margin: 24px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}

.full-blog-details-style-6 .single-blog-content .blog-info,
.left-blog-details-style-6 .single-blog-content .blog-info,
.right-blog-details-style-6 .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 24px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style-6 .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-info h6,
.left-blog-details-style-6 .single-blog-content .blog-info h6,
.right-blog-details-style-6 .single-blog-content .blog-info h6 {
    color: #73841b;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .last-video,
.right-blog-details-style-6 .single-blog-content .last-video,
.left-blog-details-style-6 .single-blog-content .last-video {
    margin-top: 30px;
    margin-right: -30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-details-style-6 .single-blog-content .last-video .video,
.right-blog-details-style-6 .single-blog-content .last-video .video,
.left-blog-details-style-6 .single-blog-content .last-video .video {
    width: 100%;
    margin-right: 30px;
    line-height: 0;
}

.full-blog-details-style-6 .single-blog-content .last-video .video iframe,
.right-blog-details-style-6 .single-blog-content .last-video .video iframe,
.left-blog-details-style-6 .single-blog-content .last-video .video iframe {
    width: 100%;
}

.full-blog-details-style-6 .single-blog-content .b-link,
.left-blog-details-style-6 .single-blog-content .b-link,
.right-blog-details-style-6 .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details-style-6 .single-blog-content .b-link a,
.left-blog-details-style-6 .single-blog-content .b-link a,
.right-blog-details-style-6 .single-blog-content .b-link a {
    background-color: #73841b;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid #73841b;
    border-radius: 4px;
}

.full-blog-details-style-6 .single-blog-content .b-link a:hover,
.left-blog-details-style-6 .single-blog-content .b-link a:hover,
.right-blog-details-style-6 .single-blog-content .b-link a:hover {
    background-color: transparent;
    color: #000;
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-social,
.left-blog-details-style-6 .single-blog-content .blog-social,
.right-blog-details-style-6 .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-6 .single-blog-content .blog-social a.insta,
.full-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.left-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.left-blog-details-style-6 .single-blog-content .blog-social a.insta,
.left-blog-details-style-6 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style-6 .single-blog-content .blog-social a.facebook,
.right-blog-details-style-6 .single-blog-content .blog-social a.twitter,
.right-blog-details-style-6 .single-blog-content .blog-social a.insta,
.right-blog-details-style-6 .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details-style-6 .single-blog-content .blog-social a,
.left-blog-details-style-6 .single-blog-content .blog-social a,
.right-blog-details-style-6 .single-blog-content .blog-social a {
    background-color: #f7f7f7;
    color: #222;
}

.full-blog-details-style-6 .single-blog-content .blog-social a:hover,
.left-blog-details-style-6 .single-blog-content .blog-social a:hover,
.right-blog-details-style-6 .single-blog-content .blog-social a:hover {
    background-color: #73841b;
    color: #fff;
}

.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
    margin-top: 25px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
    font-size: 20px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    display: flex;
    margin-top: 24px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #73841b;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #73841b;
    margin-left: 30px;
    font-weight: 500;
}

.full-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style-6 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form,
.left-blog-details-style-6 .single-blog-content .comments-form,
.right-blog-details-style-6 .single-blog-content .comments-form {
    margin-top: 20px;
}

.full-blog-details-style-6 .single-blog-content .comments-form h4,
.left-blog-details-style-6 .single-blog-content .comments-form h4,
.right-blog-details-style-6 .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form label,
.left-blog-details-style-6 .single-blog-content .comments-form form label,
.right-blog-details-style-6 .single-blog-content .comments-form form label {
    margin-top: 15px;
    margin-bottom: 5px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form input,
.left-blog-details-style-6 .single-blog-content .comments-form form input,
.right-blog-details-style-6 .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.full-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form input:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form input:focus {
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form form textarea,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea {
    width: 100%;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.full-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.left-blog-details-style-6 .single-blog-content .comments-form form textarea:focus,
.right-blog-details-style-6 .single-blog-content .comments-form form textarea:focus {
    border-color: #73841b;
}

.full-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.left-blog-details-style-6 .single-blog-content .comments-form a.btn-style1,
.right-blog-details-style-6 .single-blog-content .comments-form a.btn-style1 {
    margin-top: 15px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments,
.left-blog-details-style-6 .single-blog-content .blog-comments,
.right-blog-details-style-6 .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.left-blog-details-style-6 .single-blog-content .blog-comments h4 span,
.right-blog-details-style-6 .single-blog-content .blog-comments h4 span {
    color: #73841b;
}

/* Center blog css */
.cetner-blog-style-6 {
    display: flex;
    flex-wrap: wrap;
}

.cetner-blog-style-6 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.cetner-blog-style-6 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.cetner-blog-style-6 .blog-start .blog-image {
    position: relative;
    display: flex;
}

.cetner-blog-style-6 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.cetner-blog-style-6 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.cetner-blog-style-6 .blog-start .blog-image a img,
.cetner-blog-style-6 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link a {
    background-color: #73841b;
    color: #fff;
    padding: 3px 8px;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
}

.cetner-blog-style-6 .blog-start .blog-image .image-link a:hover {
    background-color: #000;
}

.cetner-blog-style-6 .blog-start .blog-content {
    padding-top: 23px;
}

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

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

.cetner-blog-style-6 .blog-start .blog-content .blog-title h6 a:hover {
    color: #73841b;
}

.cetner-blog-style-6 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
    font-size: 14px;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link {
    color: #73841b;
    font-size: 16px;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link i,
.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.cetner-blog-style-6 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

/* style-7 right column css */
.right-area .b-Reply form a.Reply-link {
    background-color: #5fa800;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #5fa800;
}

.right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #5fa800;
}

.center-right-area .right-column-start .archive-link ul li a:hover {
    color: #cd7752;
}

.left-column .left-blog .blog-item .l-blog-caption h4 a:hover {
    color: #cd7752;
}

/* style-7 center blog right column css */
.center-right-area .b-Reply form a.Reply-link {
    background-color: #cd7752;
    color: #fff;
    width: 100%;
    padding: 8px 15px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #cd7752;
}

.center-right-area .b-Reply form a.Reply-link:hover {
    background-color: transparent;
    color: #000;
    border-color: #cd7752;
}

/* style-7 full-left-right grid blog css */
.blog-style-7-3-grid,
.blog-style-7-left-grid-blog,
.blog-style-7-right-grid-blog {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-7-3-grid .blog-start,
.blog-style-7-left-grid-blog .blog-start,
.blog-style-7-right-grid-blog .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-7-3-grid .blog-start .blog-image,
.blog-style-7-left-grid-blog .blog-start .blog-image,
.blog-style-7-right-grid-blog .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-7-3-grid .blog-start .blog-image a,
.blog-style-7-left-grid-blog .blog-start .blog-image a,
.blog-style-7-right-grid-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img {
    height: 255px;
    object-fit: cover;
}

.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.blog-style-7-3-grid .blog-start .blog-content p.blog-description,
.blog-style-7-left-grid-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-grid-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

/* pagination css */
.all-page .page-number a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number.style-1 a:after,
.all-page .page-number.style-5 a:after {
    background-color: var(--theme-color);
}

.all-page .page-number.style-2 a:after,
.all-page .page-number.style-3 a:after {
    background-color: #5fa800;
}

.all-page .page-number.style-6 a:after {
    background-color: #73841b;
}

.all-page .page-number.style-7 a:after {
    background-color: #cd7752;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number.style-1 a:hover,
.all-page .page-number.style-1 a.active,
.all-page .page-number.style-5 a:hover,
.all-page .page-number.style-5 a.active {
    color: var(--theme-color);
}

.all-page .page-number.style-2 a:hover,
.all-page .page-number.style-2 a.active,
.all-page .page-number.style-3 a:hover,
.all-page .page-number.style-3 a.active {
    color: #5fa800;
}

.all-page .page-number.style-7 a:hover,
.all-page .page-number.style-7 a.active {
    color: #cd7752;
}

.all-page .page-number a:last-child:after {
    display: none;
}

/* style-7 full-left-right list blog css */
.full-blog-list-style-7 .blog-start,
.blog-style-7-left-list-blog .blog-start,
.blog-style-7-right-list-blog .blog-start {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.full-blog-list-style-7 .blog-start .blog-image {
    width: 42%;
}

.blog-style-7-left-list-blog .blog-start .blog-image,
.blog-style-7-right-list-blog .blog-start .blog-image {
    width: 50%;
}

.full-blog-list-style-7 .blog-start .blog-image a,
.blog-style-7-left-list-blog .blog-start .blog-image a,
.blog-style-7-right-list-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
    display: block;
}

.full-blog-list-style-7 .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img {
    width: 100%;
    height: 255px;
    object-fit: cover;
}

.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.full-blog-list-style-7 .blog-start .blog-image a img,
.full-blog-list-style-7 .blog-start:hover .blog-image a img,
.blog-style-7-left-list-blog .blog-start .blog-image a img,
.blog-style-7-left-list-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-list-blog .blog-start .blog-image a img,
.blog-style-7-right-list-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-7 .blog-start .blog-content {
    width: calc(58% - 30px);
    margin-left: 30px;
}

.blog-style-7-left-list-blog .blog-start .blog-content,
.blog-style-7-right-list-blog .blog-start .blog-content {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.full-blog-list-style-7 .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-list-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-list-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.full-blog-list-style-7 .blog-start .blog-content p.blog-description,
.blog-style-7-left-list-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-list-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 16px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link i,
.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-list-style-7 .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-list-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-list-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

/* style-7 full-left-right blog details css */
.full-blog-details-style-7 .single-blog-content,
.left-blog-details-style7 .single-blog-content,
.right-blog-details-style7 .single-blog-content {
    margin-top: 33px;
}

.full-blog-details-style-7 .single-blog-content .single-b-title h4,
.left-blog-details-style7 .single-blog-content .single-b-title h4,
.right-blog-details-style7 .single-blog-content .single-b-title h4 {
    font-size: 18px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments,
.left-blog-details-style7 .single-blog-content .date-edit-comments,
.right-blog-details-style7 .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i {
    margin-right: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description,
.left-blog-details-style7 .single-blog-content .blog-description,
.right-blog-details-style7 .single-blog-content .blog-description {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-description p,
.left-blog-details-style7 .single-blog-content .blog-description p,
.right-blog-details-style7 .single-blog-content .blog-description p {
    margin-top: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description {
    margin-top: 7px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 15px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 700;
}

.full-blog-details-style-7 .single-blog-content .blog-description p.color-description,
.left-blog-details-style7 .single-blog-content .blog-description p.color-description,
.right-blog-details-style7 .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: #cd7752;
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}

.full-blog-details-style-7 .single-blog-content .blog-img,
.left-blog-details-style7 .single-blog-content .blog-img,
.right-blog-details-style7 .single-blog-content .blog-img {
    margin-left: -30px;
    margin-top: 22px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 {
    width: calc(50% - 30px);
    margin-left: 30px;
    line-height: 0;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a {
    position: relative;
    overflow: hidden;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img:hover,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover {
    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;
}

.full-blog-details-style-7 .single-blog-content .blog-info,
.left-blog-details-style7 .single-blog-content .blog-info,
.right-blog-details-style7 .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 30px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details-style-7 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-info h6,
.left-blog-details-style7 .single-blog-content .blog-info h6,
.right-blog-details-style7 .single-blog-content .blog-info h6 {
    color: #cd7752;
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .b-link,
.left-blog-details-style7 .single-blog-content .b-link,
.right-blog-details-style7 .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details-style-7 .single-blog-content .b-link a,
.left-blog-details-style7 .single-blog-content .b-link a,
.right-blog-details-style7 .single-blog-content .b-link a {
    background-color: #cd7752;
    padding: 5px 10px;
    color: #fff;
    border: 2px solid #cd7752;
    border-radius: 4px;
}

.full-blog-details-style-7 .single-blog-content .b-link a:hover,
.left-blog-details-style7 .single-blog-content .b-link a:hover,
.right-blog-details-style7 .single-blog-content .b-link a:hover {
    background-color: transparent;
    color: #000;
    border-color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-social,
.left-blog-details-style7 .single-blog-content .blog-social,
.right-blog-details-style7 .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details-style-7 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-7 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-7 .single-blog-content .blog-social a.insta,
.full-blog-details-style-7 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style7 .single-blog-content .blog-social a.facebook,
.left-blog-details-style7 .single-blog-content .blog-social a.twitter,
.left-blog-details-style7 .single-blog-content .blog-social a.insta,
.left-blog-details-style7 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style7 .single-blog-content .blog-social a.facebook,
.right-blog-details-style7 .single-blog-content .blog-social a.twitter,
.right-blog-details-style7 .single-blog-content .blog-social a.insta,
.right-blog-details-style7 .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-social a,
.left-blog-details-style7 .single-blog-content .blog-social a,
.right-blog-details-style7 .single-blog-content .blog-social a {
    background-color: #cd7752;
    color: #222;
}

.full-blog-details-style-7 .single-blog-content .blog-social a:hover,
.left-blog-details-style7 .single-blog-content .blog-social a:hover,
.right-blog-details-style7 .single-blog-content .blog-social a:hover {
    background-color: #cd7752;
    color: #fff;
}

.full-blog-details-style-7 .single-blog-content .blog-comments,
.left-blog-details-style7 .single-blog-content .blog-comments,
.right-blog-details-style7 .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4,
.left-blog-details-style7 .single-blog-content .blog-comments h4,
.right-blog-details-style7 .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4 span,
.left-blog-details-style7 .single-blog-content .blog-comments h4 span,
.right-blog-details-style7 .single-blog-content .blog-comments h4 span {
    color: #cd7752;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: #cd7752;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: #cd7752;
    margin-left: 30px;
    font-weight: 500;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: #cd7752;
}

/* style-7 center blog css */
.center-blog-style-7 {
    display: flex;
    flex-wrap: wrap;
}

.center-blog-style-7 .blog-start {
    width: 100%;
    margin-top: 30px;
}

.center-blog-style-7 .blog-start:nth-child(1) {
    margin-top: 0px;
}

.center-blog-style-7 .blog-start .blog-image {
    position: relative;
    display: flex;
}

.center-blog-style-7 .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.center-blog-style-7 .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.center-blog-style-7 .blog-start .blog-image a img,
.center-blog-style-7 .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.center-blog-style-7 .blog-start .blog-content {
    padding-top: 23px;
}

.center-blog-style-7 .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
}

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

.center-blog-style-7 .blog-start .blog-content .blog-title h6 a:hover {
    color: #cd7752;
}

.center-blog-style-7 .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.center-blog-style-7 .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link {
    color: #cd7752;
    font-size: 16px;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link i,
.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.center-blog-style-7 .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

/* 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;
    gap: 10px;

    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 i {
    flex-shrink: 0;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a span:not(.pro-count) {
    flex: 1;
    white-space: nowrap;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a span.pro-count {
    margin-left: auto;
}

.profile-li a {
    color: #f6b05f;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:after {
    background-color: var(--theme-color);
    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: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a span.pro-count {
    background-color: var(--theme-color);
    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 #eee;
    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 #eee;
    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;
}

/* profile wishlist page css */
.order-histry-area .order-history .profile-wishlist {
    width: calc(65% - 30px);
    margin-left: 30px;
}

/* tickets page css */
.order-histry-area .order-history .profile-tickets {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-tickets .table {
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.canceled {
    color: #ff5252;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.process {
    color: #50c6e9;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delayed {
    color: #ffb74f;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delivered {
    color: #43d9a3;
}

.btn-compare {
    padding: 10px 10px;
    margin-left: -9px;
    margin-top: 15px;
}

.comparison-icon {
    display: block;
    font-size: 30px;
}

#comparison-count {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 20px;
    top: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--theme-color);
    font-weight: 500;
    border-radius: 100%;
}

/* header css */
header.logo-right .header-element.logo {
    order: 3;
}

header.logo-right .header-element.search-wrap {
    order: 1;
}

header.logo-right .header-element.right-block-box {
    order: 2;
}

header.logo-center .header-element.logo {
    order: 2;
}

header.logo-center .header-element.search-wrap {
    order: 1;
}

header.logo-center .header-element.right-block-box {
    order: 3;
}

.accordion-item {
    border: none;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8f9fa;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.accordion-button {
    background-color: #ffffff;
    color: #333;
    font-size: 18px;
    padding: 12px;
    box-shadow: none;
    border: none;
    font-weight: 600;
}

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

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
    font-weight: 600;
}

.accordion-body {
    padding: 15px;
    font-size: 16px;
    background: #fff;
    color: #666;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23000000"%3E%3Cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"%3E%3C/path%3E%3C/svg%3E');
    transform: rotate(-180deg);
}

/* Luxury Posts */
.luxury-posts {
    position: relative;
    background: linear-gradient(135deg, #fafafa 0%, #ffffff 50%, #f8f8f8 100%);
    overflow: hidden;
}

.luxury-posts-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.luxury-posts-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 50% 50%, rgba(205, 119, 82, 0.04) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
}

.luxury-posts-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.luxury-posts-particles .particle {
    position: absolute;
    width: 32px;
    height: 40px;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    opacity: 0;
    animation: particleFloat 15s ease-in-out infinite;
}

.luxury-posts-particles .particle:nth-child(1) {
    left: 18%;
    animation-delay: 1.5s;
    animation-duration: 14s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

.luxury-posts-particles .particle:nth-child(2) {
    left: 48%;
    animation-delay: 5.5s;
    animation-duration: 17s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

.luxury-posts-particles .particle:nth-child(3) {
    left: 78%;
    animation-delay: 9.5s;
    animation-duration: 15s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

.luxury-posts-header {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.luxury-posts-icon {
    margin-bottom: 20px;
    animation: iconPulse 3s ease-in-out infinite;
}

.luxury-posts-icon i {
    font-size: 42px;
    color: var(--theme-color);
    filter: drop-shadow(0 4px 12px rgba(205, 119, 82, 0.3));
}

.luxury-posts-title {
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    background: linear-gradient(135deg, #1a1a1a 0%, var(--theme-color) 50%, #1a1a1a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: luxuryGradient 4s ease-in-out infinite;
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
}

.luxury-posts-underline {
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color) 20%, var(--theme-color) 80%, transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
    animation: underlineGlow 3s ease-in-out infinite;
}

.luxury-posts-underline .underline-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: dotPulse 2.5s ease-in-out infinite;
}

.luxury-posts-subtitle {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #666;
    font-weight: 300;
    opacity: 0;
    animation: subtitleFadeIn 1s ease forwards 1s;
}

.luxury-posts-carousel {
    position: relative;
    z-index: 1;
}

.luxury-posts-carousel .items {
    padding: 0 12px;
}

.luxury-post-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.luxury-post-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 1s ease;
    z-index: 3;
}

.luxury-post-card:hover::before {
    left: 100%;
}

.luxury-post-card:hover {
    transform: translateY(-15px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15), 0 10px 25px rgba(205, 119, 82, 0.15);
}

.luxury-post-image {
    position: relative;
    overflow: hidden;
    height: 280px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.luxury-post-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.luxury-post-card:hover .luxury-post-image img {
    transform: scale(1.12);
}

.luxury-post-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.7) 100%);
    transition: all 0.6s ease;
}

.luxury-post-card:hover .luxury-post-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.luxury-post-date {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--theme-color);
    color: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 15px rgba(205, 119, 82, 0.4);
    z-index: 2;
}

.luxury-post-content {
    padding: 30px 25px;
}

.luxury-post-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.luxury-post-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #999;
    letter-spacing: 0.5px;
}

.luxury-post-meta span i {
    color: var(--theme-color);
    font-size: 14px;
}

.luxury-post-title {
    margin-bottom: 15px;
}

.luxury-post-title a {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    display: block;
    transition: all 0.4s ease;
}

.luxury-post-card:hover .luxury-post-title a {
    color: var(--theme-color);
    letter-spacing: 0.5px;
}

.luxury-post-excerpt {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.luxury-read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--theme-color);
    transition: all 0.4s ease;
}

.luxury-read-more i {
    font-size: 14px;
    transition: transform 0.4s ease;
}

.luxury-post-card:hover .luxury-read-more {
    gap: 12px;
}

.luxury-post-card:hover .luxury-read-more i {
    transform: translateX(5px);
}

.luxury-posts-button {
    text-align: center;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}

.luxury-posts-button .btn-style1 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 35px;
    transition: all 0.5s ease;
}

.luxury-posts-button .btn-style1 i {
    font-size: 14px;
    transition: transform 0.4s ease;
}

.luxury-posts-button .btn-style1:hover i {
    transform: translateX(5px);
}

.luxury-posts-carousel.owl-carousel .owl-nav {
    margin-top: 0;
}

.luxury-posts-carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-color) !important;
    color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid var(--theme-color) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.luxury-posts-carousel:hover .owl-nav button {
    opacity: 1;
    visibility: visible;
}

.luxury-posts-carousel.owl-carousel .owl-nav button.owl-prev {
    left: -25px;
}

.luxury-posts-carousel.owl-carousel .owl-nav button.owl-next {
    right: -25px;
}

.luxury-posts-carousel:hover .owl-nav button.owl-prev {
    left: 15px;
}

.luxury-posts-carousel:hover .owl-nav button.owl-next {
    right: 15px;
}

.luxury-posts-carousel.owl-carousel .owl-nav button:hover {
    background: #fff !important;
    color: var(--theme-color) !important;
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0 8px 30px rgba(205, 119, 82, 0.5);
}


/* Updated Luxury Newsletter */
.luxury-newsletter {
    position: relative;
    overflow: hidden;
}

.luxury-newsletter-bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.luxury-newsletter-shimmer {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 50% 50%, rgba(205, 119, 82, 0.05) 0%, transparent 50%);
    animation: luxuryShimmer 25s ease-in-out infinite;
}

.luxury-newsletter-particles .particle {
    position: absolute;
    background: none;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    opacity: 0;
    pointer-events: none;
}

.luxury-newsletter-particles .particle:nth-child(1) {
    left: 3%;
    bottom: 10%;
    width: 26px;
    height: 32px;
    animation: pfloatUp 13s 0s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='6' width='16' height='4' rx='2'/%3E%3Cpath d='M10 10h20v4a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4V18a4 4 0 0 1 4-4v-4z'/%3E%3Cellipse cx='20' cy='28' rx='6' ry='7'/%3E%3Cline x1='20' y1='21' x2='20' y2='18'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(2) {
    left: 10%;
    top: 8%;
    width: 34px;
    height: 44px;
    animation: pfloatDiagRight 17s 2s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='16' y='3' width='12' height='5' rx='2'/%3E%3Cpath d='M14 8h16l3 6H11l3-6z'/%3E%3Crect x='6' y='14' width='32' height='36' rx='6'/%3E%3Crect x='12' y='22' width='20' height='18' rx='3'/%3E%3Cline x1='16' y1='31' x2='28' y2='31'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(3) {
    left: 20%;
    bottom: 5%;
    width: 28px;
    height: 46px;
    animation: pfloatUpRight 15s 5s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 56' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='2' width='8' height='4' rx='2'/%3E%3Crect x='11' y='6' width='10' height='10' rx='1'/%3E%3Cpath d='M8 16h16v32a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16z'/%3E%3Cellipse cx='16' cy='32' rx='5' ry='6'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(4) {
    left: 28%;
    top: 35%;
    width: 30px;
    height: 36px;
    animation: pfloatDrift 14s 1s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 52' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='17' y='3' width='10' height='5' rx='2'/%3E%3Crect x='14' y='8' width='16' height='5' rx='2'/%3E%3Cellipse cx='22' cy='34' rx='16' ry='14'/%3E%3Ccircle cx='22' cy='34' r='7'/%3E%3Cline x1='22' y1='20' x2='22' y2='27'/%3E%3C/svg%3E");
}

.luxury-newsletter-particles .particle:nth-child(5) {
    right: 4%;
    bottom: 15%;
    width: 26px;
    height: 34px;
    animation: pfloatUp 12s 3s ease-in-out infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 54' fill='none' stroke='%23c9985f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='14' y='2' width='14' height='6' rx='3'/%3E%3Cpath d='M12 8h18v4l4 4v28a4 4 0 0 1-4 4H12a4 4 0 0 1-4-4V16l4-4V8z'/%3E%3Crect x='13' y='24' width='16' height='14' rx='2'/%3E%3Cline x1='17' y1='31' x2='25' y2='31'/%3E%3Cline x1='21' y1='27' x2='21' y2='35'/%3E%3C/svg%3E");
}

.luxury-newsletter-content {
    position: relative;
    padding: 80px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.luxury-newsletter-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(205, 119, 82, 0.8) 50%, rgba(0, 0, 0, 0.85) 100%);
    z-index: -1;
}

.luxury-newsletter-inner {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.luxury-newsletter-icon {
    margin-bottom: 25px;
}

.luxury-newsletter-icon i {
    font-size: 50px;
    color: #fff;
    filter: drop-shadow(0 4px 15px rgba(255, 255, 255, 0.3));
}

.luxury-newsletter-title {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #fff !important;
    text-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);
}

.luxury-newsletter-subtitle {
    font-size: 15px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: 40px;
    display: block;
}

.luxury-newsletter-form {
    margin-top: 35px;
}

.luxury-input-wrapper {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50px;
    padding: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease;
}

.luxury-input-wrapper:hover {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(205, 119, 82, 0.4);
    transform: translateY(-3px);
}

.luxury-input-wrapper input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 16px 25px;
    font-size: 15px;
    color: #333;
    outline: none;
}

.luxury-input-wrapper input::placeholder {
    color: #999;
    letter-spacing: 1px;
}

.luxury-subscribe-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 35px;
    background: var(--theme-color) !important;
    color: #fff !important;
    border: none;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 0 5px 15px rgba(205, 119, 82, 0.4);
}

.luxury-subscribe-btn:hover {
    background: #fff !important;
    color: var(--theme-color) !important;
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(205, 119, 82, 0.6);
}

.luxury-subscribe-btn i {
    transition: transform 0.4s ease;
}

.luxury-subscribe-btn:hover i {
    transform: translateX(5px);
}

.subscribe-message {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 500;
}

.subscribe-message.text-success {
    color: #4ade80 !important;
}

.subscribe-message.text-danger {
    color: #f87171 !important;
}


/* Remove Newsletter Subscribe Button Hover Animation */
.luxury-subscribe-btn:hover {
    background: #fff !important;
    color: var(--theme-color) !important;
    box-shadow: 0 8px 25px rgba(205, 119, 82, 0.6);
}


/* Remove Newsletter Input Wrapper Hover Animation */
.luxury-input-wrapper:hover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    transform: none;
}

.luxury-input-wrapper::before {
    display: none;
}


/* Luxury Section Header - Generic for all sections */
.luxury-section-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.luxury-section-icon {
    margin-bottom: 20px;
    animation: iconPulse 3s ease-in-out infinite;
}

.luxury-section-icon i {
    font-size: 42px;
    color: var(--theme-color);
    filter: drop-shadow(0 4px 12px rgba(205, 119, 82, 0.3));
}

.luxury-section-title {
    font-size: 42px;
    font-weight: 200;
    text-transform: uppercase;
    background: linear-gradient(135deg, #1a1a1a 0%, var(--theme-color) 50%, #1a1a1a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: luxuryGradient 4s ease-in-out infinite;
}

.luxury-section-underline {
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--theme-color) 20%, var(--theme-color) 80%, transparent);
    margin: 0 auto;
    position: relative;
    box-shadow: 0 0 20px rgba(205, 119, 82, 0.4);
    animation: underlineGlow 3s ease-in-out infinite;
}

.luxury-section-underline .underline-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 15px rgba(205, 119, 82, 0.6);
    animation: dotPulse 2.5s ease-in-out infinite;
}

/* Brand Carousel - Remove Gray Filter & Card */
.luxury-brand-item img {
    filter: none !important;
    opacity: 1 !important;
    -webkit-filter: none !important;
    transition: all 0.3s ease;
}

.luxury-brand-item:hover img {
    filter: none !important;
    opacity: 0.8 !important;
    transform: scale(1.05);
}

.luxury-brand-item {
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.3s ease;
}

.luxury-brand-item:hover {
    box-shadow: none;
    transform: none;
}

.luxury-brand-item a {
    display: block;
}

/* ═══════════════════════════════════════════════════════════════

/* ═══════════════════════════════════════════════════════════════
   PREMIUM QUICK VIEW MODAL - CLEAN LUXURY PERFUME DESIGN
   ═══════════════════════════════════════════════════════════════ */

:root {
    --pqv-primary: #e0ac5f;
    --pqv-accent: #c9985f;
    --pqv-text: #2d2d2d;
    --pqv-text-muted: #6b6b6b;
    --pqv-border: #e5e5e5;
    --pqv-bg: #ffffff;
    --pqv-light-bg: #f9f9f9;
}

/* ═══ Modal Dialog ═══ */
.pqv-dialog {
    max-width: 1200px;
    width: 92vw;
}

.pqv-modal-content {
    border: none;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(26, 29, 46, 0.15);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 3.5rem);
}

/* ═══ Clean Premium Modal Header ═══ */
.pqv-modal-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
    background: var(--pqv-bg);
    border-bottom: 1px solid var(--pqv-border);
}

/* Header title - Left aligned, larger, bold */
.pqv-header-title {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin: 0;
    flex: 1;
}

/* Clean minimal close button */
.pqv-close-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--pqv-border);
    border-radius: 50%;
    color: var(--pqv-text-muted);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    padding: 0;
    flex-shrink: 0;
}

.pqv-close-btn:hover {
    background: var(--pqv-primary);
    border-color: var(--pqv-primary);
    color: #ffffff;
    transform: rotate(90deg);
}

.pqv-close-btn:focus {
    outline: 2px solid var(--pqv-accent);
    outline-offset: 2px;
}

/* ═══ Modal Body Layout ═══ */
.pqv-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    padding: 48px;
    background: var(--pqv-bg);
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* ═══ Image Panel (Left Side) ═══ */
.pqv-image-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 0;
    align-self: start;
    min-width: 0;
}

/* Main product image - significantly larger */
.pqv-main-img {
    width: 100%;
    height: auto;
    background: var(--pqv-light-bg);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--pqv-border);
}

.pqv-main-img-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.pqv-main-img img,
.pqv-main-img-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.15s ease;
}

/* Thumbnail strip - closer to main image */
.pqv-thumbs {
    display: flex;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.pqv-thumbs .items {
    flex: 0 0 auto;
    width: 100px;
    height: 100px;
}

.pqv-thumb-link {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    background: var(--pqv-light-bg);
    transition: all 0.25s ease;
    cursor: pointer;
}

.pqv-thumb-link.is-active,
.pqv-thumb-link:hover {
    border-color: var(--pqv-accent);
}

.pqv-thumb-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ═══ Detail Panel (Right Side) ═══ */
.pqv-detail-panel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    padding-right: 4px;
    min-width: 0;
}

.pqv-detail-panel::-webkit-scrollbar {
    width: 4px;
}

.pqv-detail-panel::-webkit-scrollbar-track {
    background: transparent;
}

.pqv-detail-panel::-webkit-scrollbar-thumb {
    background: var(--pqv-border);
    border-radius: 4px;
}

.pqv-detail-panel::-webkit-scrollbar-thumb:hover {
    background: var(--pqv-accent);
}

/* Product name - premium hierarchy */
.pqv-product-name {
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 8px;
}

/* Brand + Rating row */
.pqv-brand-rating-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--pqv-border);
}

.pqv-brand-line {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: var(--pqv-text-muted);
    margin: 0;
}

.pqv-brand-line i {
    color: var(--pqv-accent);
}

/* Rating */
.pqv-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pqv-stars {
    display: flex;
    gap: 2px;
}

.pqv-star-filled {
    color: #ffa500;
    font-size: 14px;
}

.pqv-star-empty {
    color: #ddd;
    font-size: 14px;
}

.pqv-rating-val {
    font-size: 14px;
    font-weight: 600;
    color: var(--pqv-text);
}

/* Price */
.pqv-price-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 4px 0;
}

.pqv-price-new {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.pqv-price-old {
    font-size: 20px;
    color: var(--pqv-text-muted);
}

.pqv-badge-discount {
    display: inline-block;
    padding: 4px 10px;
    background: #e74c3c;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px;
}

/* Description */
.pqv-description {
    font-size: 15px;
    line-height: 1.7;
    color: var(--pqv-text-muted);
    margin: 0;
}

/* ═══ Fragrance Profile Section ═══ */
.pqv-fragrance-profile {
    padding: 24px;
    background: var(--pqv-light-bg);
    border-radius: 8px;
    border: 1px solid var(--pqv-border);
}

.pqv-section-title {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--pqv-primary);
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--pqv-accent);
}

/* Profile grid - clean 2-column layout */
.pqv-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 16px;
    margin-bottom: 16px;
}

.pqv-profile-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pqv-profile-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pqv-text-muted);
}

.pqv-profile-value {
    font-size: 14px;
    font-weight: 500;
    color: var(--pqv-text);
}

/* Notes section */
.pqv-notes-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid var(--pqv-border);
}

.pqv-notes-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pqv-notes-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--pqv-accent);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pqv-notes-value {
    font-size: 14px;
    line-height: 1.6;
    color: var(--pqv-text);
}

/* CKEditor HTML content normalization */
.pqv-notes-html p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--pqv-text);
    margin: 0 0 6px;
}

.pqv-notes-html p:last-child {
    margin-bottom: 0;
}

.pqv-notes-html ul,
.pqv-notes-html ol {
    padding-left: 18px;
    margin: 0 0 6px;
}

.pqv-notes-html li {
    font-size: 14px;
    line-height: 1.6;
    color: var(--pqv-text);
    margin-bottom: 2px;
}

.pqv-notes-html strong,
.pqv-notes-html b {
    font-weight: 600;
    color: var(--pqv-primary);
}

.pqv-notes-html em,
.pqv-notes-html i {
    font-style: italic;
}

.pqv-notes-html br {
    display: block;
    content: '';
    margin-bottom: 4px;
}

/* ═══ Variations ═══ */
.pqv-variation-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pqv-attr-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pqv-attr-label {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pqv-text);
}

/* Select dropdown */
.pqv-select {
    padding: 12px 16px;
    border: 1px solid var(--pqv-border);
    border-radius: 6px;
    font-size: 14px;
    color: var(--pqv-text);
    background: var(--pqv-bg);
    transition: all 0.25s ease;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pqv-select:focus {
    outline: none;
    border-color: var(--pqv-accent);
    box-shadow: 0 0 0 3px rgba(201, 152, 95, 0.1);
}

/* Radio chips */
.pqv-radio-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pqv-radio-chip {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid var(--pqv-border);
    border-radius: 6px;
    font-size: 14px;
    color: var(--pqv-text);
    background: var(--pqv-bg);
    cursor: pointer;
    transition: all 0.25s ease;
}

.pqv-radio-chip:has(input:checked),
.pqv-radio-chip:hover {
    background: var(--pqv-primary);
    border-color: var(--pqv-primary);
    color: #fff;
}

/* Color swatches */
.pqv-color-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pqv-swatch {
    width: 40px;
    height: 40px;
    border: 2px solid var(--pqv-border);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
}

.pqv-swatch:has(input:checked),
.pqv-swatch:hover {
    border-color: var(--pqv-primary);
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* ═══ Actions Row ═══ */
.pqv-actions-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
}

/* Quantity stepper */
.pqv-qty-stepper {
    display: flex;
    align-items: center;
    border: 1px solid var(--pqv-border);
    border-radius: 6px;
    overflow: hidden;
}

.pqv-qty-btn {
    width: 40px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pqv-light-bg);
    border: none;
    color: var(--pqv-text);
    cursor: pointer;
    transition: all 0.25s ease;
}

.pqv-qty-btn:hover {
    background: var(--pqv-accent);
    color: #fff;
}

.pqv-qty-input {
    width: 60px;
    height: 48px;
    border: none;
    border-left: 1px solid var(--pqv-border);
    border-right: 1px solid var(--pqv-border);
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--pqv-text);
}

.pqv-qty-input:focus {
    outline: none;
}

/* Add to Cart button */
.pqv-btn-cart {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    background: var(--pqv-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.25s ease;
    text-decoration: none;
}

.pqv-btn-cart:hover {
    background: var(--pqv-accent);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(201, 152, 95, 0.3);
}

/* Wishlist & Compare buttons */
.pqv-btn-wish {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pqv-light-bg);
    border: 1px solid var(--pqv-border);
    border-radius: 6px;
    color: var(--pqv-text);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.25s ease;
    text-decoration: none;
}

.pqv-btn-wish:hover {
    background: var(--pqv-primary);
    border-color: var(--pqv-primary);
    color: #fff;
    transform: translateY(-2px);
}

/* View full details link */
.pqv-view-full {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pqv-accent);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 8px;
    transition: gap 0.25s ease;
}

.pqv-view-full:hover {
    gap: 12px;
}

/* ═══ Responsive Design ═══ */

@media (max-width: 1199px) {
    .pqv-dialog {
        max-width: 960px;
        width: 94vw;
    }

    .pqv-body {
        gap: 32px;
        padding: 32px;
    }

    .pqv-product-name {
        font-size: 28px;
    }

    .pqv-price-new {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .pqv-dialog {
        max-width: 680px;
        width: 96vw;
        margin: 1rem auto;
    }

    .pqv-modal-content {
        max-height: calc(100vh - 2rem);
    }

    .pqv-modal-header {
        padding: 16px 20px;
    }

    .pqv-header-title {
        font-size: 20px;
    }

    .pqv-body {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 24px;
        max-height: none;
    }

    .pqv-image-panel {
        max-width: 480px;
        margin: 0 auto;
        position: static;
        width: 100%;
    }

    .pqv-detail-panel {
        overflow-y: visible;
        max-height: none;
        padding-right: 0;
    }

    .pqv-profile-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pqv-thumbs .items {
        width: 72px;
        height: 72px;
    }
}

@media (max-width: 767px) {
    .pqv-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0;
        align-self: flex-end;
    }

    .pqv-modal-content {
        border-radius: 16px 16px 0 0;
        max-height: 94vh;
    }

    .pqv-modal-header {
        padding: 14px 18px;
    }

    .pqv-header-title {
        font-size: 18px;
    }

    .pqv-close-btn {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }

    .pqv-body {
        padding: 18px 16px 24px;
        gap: 20px;
    }

    .pqv-image-panel {
        max-width: 100%;
    }

    .pqv-product-name {
        font-size: 20px;
    }

    .pqv-price-new {
        font-size: 22px;
    }

    .pqv-price-old {
        font-size: 15px;
    }

    .pqv-brand-rating-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .pqv-fragrance-profile {
        padding: 16px;
    }

    .pqv-profile-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 12px;
    }

    .pqv-actions-row {
        flex-wrap: wrap;
        gap: 10px;
    }

    .pqv-btn-cart {
        flex: 1 1 calc(100% - 120px);
        min-width: 0;
    }

    .pqv-thumbs .items {
        width: 64px;
        height: 64px;
    }

    .pqv-qty-btn,
    .pqv-qty-input {
        height: 44px;
    }

    .pqv-qty-btn {
        width: 36px;
    }

    .pqv-qty-input {
        width: 52px;
        font-size: 14px;
    }

    .pqv-btn-wish {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 576px) {
    .pqv-modal-header {
        padding: 12px 16px;
    }

    .pqv-header-title {
        font-size: 16px;
    }

    .pqv-body {
        padding: 14px 14px 20px;
        gap: 16px;
    }

    .pqv-product-name {
        font-size: 18px;
    }

    .pqv-price-new {
        font-size: 20px;
    }

    .pqv-price-old {
        font-size: 14px;
    }

    .pqv-description {
        font-size: 13px;
    }

    .pqv-profile-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pqv-fragrance-profile {
        padding: 14px;
    }

    .pqv-thumbs .items {
        width: 58px;
        height: 58px;
    }

    .pqv-select {
        padding: 10px 12px;
        font-size: 13px;
    }

    .pqv-radio-chip {
        padding: 8px 14px;
        font-size: 13px;
    }

    .pqv-btn-cart {
        padding: 12px 20px;
        font-size: 14px;
        flex: 1 1 100%;
    }

    .pqv-btn-wish {
        width: 44px;
        height: 44px;
    }

    .pqv-section-title {
        font-size: 15px;
    }
}

/* ── Make modal-dialog align bottom on mobile (sheet behaviour) ── */
@media (max-width: 767px) {
    .quick-view .modal.show {
        display: flex !important;
        align-items: flex-end;
    }

    .quick-view .modal .pqv-dialog {
        margin: 0 !important;
        min-height: unset;
    }
}

/* ═══ Accessibility ═══ */
@media (prefers-reduced-motion: reduce) {

    .pqv-close-btn,
    .pqv-thumb-link,
    .pqv-btn-cart,
    .pqv-btn-wish,
    .pqv-view-full,
    .pqv-qty-btn,
    .pqv-radio-chip,
    .pqv-swatch {
        transition-duration: 0.01ms;
    }

    .pqv-close-btn:hover {
        transform: none;
    }
}

/* ============================================
   Reels & UGC Videos Section - Instagram Style
   ============================================ */
.luxury-reels-section {
    position: relative;
    overflow: hidden;
}

.luxury-reels-header {
    text-align: center;
    margin-bottom: 40px;
}

.luxury-reels-subtitle {
    font-size: 16px;
    margin-top: 8px;
    opacity: 0.85;
}

.luxury-reels-carousel {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin: 0 auto;
}

.luxury-reels-carousel.owl-carousel {
    display: block;
}

.luxury-reel-card {
    position: relative;
    aspect-ratio: 9/16;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.luxury-reel-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.luxury-reel-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.luxury-reel-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #333;
    transition: all 0.3s ease;
    z-index: 2;
}

.luxury-reel-play:hover {
    background: #fff;
    transform: translate(-50%, -50%) scale(1.1);
}

.luxury-reel-card.is-playing .luxury-reel-play {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.luxury-reel-embed-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.luxury-reel-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.luxury-reel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: #fff;
    padding: 30px 15px 15px;
    font-size: 14px;
    font-weight: 500;
}

/* Owl Carousel Navigation for Reels */
.luxury-reels-carousel.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.95) !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.luxury-reels-carousel.owl-carousel .owl-nav button:hover {
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.luxury-reels-carousel.owl-carousel .owl-nav .owl-prev {
    left: -25px;
}

.luxury-reels-carousel.owl-carousel .owl-nav .owl-next {
    right: -25px;
}

/* Modal Styles */
.reel-video-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.reel-video-modal.show {
    opacity: 1;
    visibility: visible;
}

.reel-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.95);
}

.reel-modal-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    z-index: 1;
}

.reel-modal-close {
    position: absolute;
    top: -50px;
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.reel-modal-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}

.reel-modal-content {
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

.reel-modal-video,
.reel-modal-iframe {
    width: 100%;
    aspect-ratio: 9/16;
    max-height: 80vh;
    display: block;
}

.reel-modal-caption {
    padding: 15px;
    background: #1a1a1a;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

/* Responsive */
@media (max-width: 991px) {
    .luxury-reels-carousel {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 767px) {
    .luxury-reels-carousel {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .luxury-reel-play {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .reel-modal-container {
        width: 95%;
        max-width: 400px;
    }
}

@media (max-width: 480px) {
    .luxury-reels-carousel {
        grid-template-columns: 1fr;
    }
}


/* Mobile fix for .pro-icn positioning */
@media (max-width: 767px) {

    .luxury-featured-carousel .pro-icn,
    .luxury-our-carousel .pro-icn,
    .luxury-trending-carousel .pro-icn {
        /* position: relative; */
        position: absolute;
        bottom: 15px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
        visibility: visible;
    }

    .luxury-featured-carousel .pro-icn a.w-c-q-icn,
    .luxury-our-carousel .pro-icn a.w-c-q-icn,
    .luxury-trending-carousel .pro-icn a.w-c-q-icn {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}


/* Simple Shop by Price Section */
.simple-price-section {
    background: #fff;
    padding: 20px 0 0px 0;
}

.simple-price-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    flex-wrap: wrap;
}

.simple-price-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 15px;
    border-radius: 8px;
}

.simple-price-item:hover {
    transform: translateY(-8px);
    text-decoration: none;
}

.simple-price-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1.5px solid #D4A574;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #D4A574;
    background: #fff;
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 12px rgba(212, 165, 116, 0.12);
    position: relative;
}

.simple-price-icon::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(135deg, #D4A574, #E8C89F);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.simple-price-item:hover .simple-price-icon {
    background: linear-gradient(135deg, #D4A574, #C9985F);
    color: #fff;
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 8px 24px rgba(212, 165, 116, 0.25);
    border-color: transparent;
}

.simple-price-icon svg {
    /* width: 30px;
    height: 30px; */
    fill: currentColor;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.simple-price-item:hover .simple-price-icon::before {
    opacity: 1;
}

.simple-price-label {
    font-size: 14px;
    font-weight: 600;
    color: #2C2C2C;
    margin: 0;
    white-space: nowrap;
    transition: all 0.3s ease;
    letter-spacing: 0.3px;
}

.simple-price-item:hover .simple-price-label {
    color: #D4A574;
    transform: scale(1.05);
}

.simple-price-explore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    padding: 6px 0;
}

.simple-price-explore i {
    font-size: 11px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.simple-price-item:hover .simple-price-explore {
    color: #D4A574;
    font-weight: 600;
}

.simple-price-item:hover .simple-price-explore i {
    transform: translateX(5px);
}

@media (max-width: 991px) {
    .simple-price-grid {
        gap: 60px;
    }

    .simple-price-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .simple-price-grid {
        gap: 40px;
    }

    .simple-price-icon {
        width: 65px;
        height: 65px;
        font-size: 26px;
    }

    .simple-price-label {
        font-size: 13px;
    }

    .simple-price-explore {
        font-size: 12px;
    }

    .simple-price-explore i {
        font-size: 10px;
    }
}

@media (max-width: 576px) {
    .simple-price-grid {
        flex-direction: column;
        gap: 30px;
    }

    .simple-price-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }
}

/* Hexagon Pointer Tabs - Shop by Price */
.hexagon-price-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    flex-wrap: nowrap;
    gap: 0;
}

.hexagon-tab-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.hexagon-shape {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 30px 12px 20px;
    background: #FFFFFF;
    border: 2px solid #E8E8E8;
    border-radius: 8px;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
    transition: all 0.3s ease;
    min-width: 180px;
}

.hexagon-tab-item.active .hexagon-shape,
.hexagon-tab-item:hover .hexagon-shape {
    background: linear-gradient(135deg, #F5A623 0%, #E89B1C 100%);
    border-color: #E89B1C;
    box-shadow: 0 8px 20px rgba(245, 166, 35, 0.3);
    transform: scale(1.05);
}

.hexagon-icon {
    width: 42px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    border: 2px solid #F5F5F5;
}

.hexagon-tab-item.active .hexagon-icon,
.hexagon-tab-item:hover .hexagon-icon {
    background: #FFFFFF;
    border-color: #FFF8E7;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.hexagon-icon svg {
    width: 28px;
    height: 28px;
    transition: transform 0.3s ease;
}

.hexagon-tab-item:hover .hexagon-icon svg {
    transform: scale(1.1) rotate(5deg);
}

.hexagon-price {
    font-size: 15px;
    font-weight: 700;
    color: #2C2C2C;
    white-space: nowrap;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.hexagon-tab-item.active .hexagon-price,
.hexagon-tab-item:hover .hexagon-price {
    color: #FFFFFF;
    font-size: 16px;
}

.hexagon-connector {
    display: flex;
    align-items: center;
    margin: 0 -2px;
    z-index: 1;
}

.hexagon-connector .dot {
    width: 6px;
    height: 6px;
    background: #D4AF37;
    border-radius: 50%;
    flex-shrink: 0;
}

.hexagon-connector .line {
    width: 30px;
    height: 2px;
    background: linear-gradient(to right, #E8B84D, #D4AF37, #E8B84D);
    margin: 0 -1px;
}

.hexagon-tab-item:hover+.hexagon-tab-item .hexagon-connector .dot,
.hexagon-tab-item.active+.hexagon-tab-item .hexagon-connector .dot {
    background: #F5A623;
    box-shadow: 0 0 8px rgba(245, 166, 35, 0.5);
}

/* Responsive Design */
@media (max-width: 1200px) {
    .hexagon-shape {
        min-width: 160px;
        padding: 10px 25px 10px 15px;
        gap: 12px;
    }

    .hexagon-price {
        font-size: 14px;
    }

    .hexagon-connector .line {
        width: 20px;
    }
}

@media (max-width: 992px) {
    .hexagon-shape {
        min-width: 140px;
        padding: 8px 20px 8px 12px;
    }

    .hexagon-icon {
        width: 38px;
        height: 38px;
    }

    .hexagon-icon svg {
        width: 24px;
        height: 24px;
    }

    .hexagon-price {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .hexagon-price-tabs {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }

    .hexagon-tab-item {
        flex-direction: column;
    }

    .hexagon-connector {
        display: none;
    }

    .hexagon-shape {
        min-width: 150px;
        clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
        padding: 12px 20px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hexagon-shape {
        min-width: 130px;
        padding: 10px 15px;
    }

    .hexagon-icon {
        width: 35px;
        height: 35px;
    }

    .hexagon-icon svg {
        width: 22px;
        height: 22px;
    }

    .hexagon-price {
        font-size: 12px;
    }
}