@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');

* {
    font-family: 'Dosis';
}

/*all sections padding*/

.banner-section,
.work-progress,
.section-testimonial,
.our-bestseller,
.banner2-section,
.post-section,
.blog-section,
.categories2,
.categories3,
.banners,
.section-cta,
.recent-news,
.gallery-section,
.gallery-section3,
.featured-product,
.cta2,
.section-deal,
.testimonials,
.category4-section,
.service-section,
.funfact4,
.banner-section4,
.cta-4,
.deal4-section,
.testimnial4,
.categories5,
.service2-section,
.feature-products5,
.funfact5,
.testimonial5,
.deal5,
.team-section,
#about-us2,
.work-process,
#service-single,
#sign-section,
.faq-content,
.contactform-section,
#section404,
#section-comesoon {
    padding: 80px 0px;
}

a {
    text-decoration: underline;
    color: var(--secondary-color);
}


p a {
    color: var(--primary-color);
}

p{ font-size: 1rem; }

.widget_none p { margin-bottom: 0; }

a:hover,
a:focus {
    text-decoration: dotted underline;
    color: var(--primary-color);
}

::selection {
    background-color: var(--primary-color);
    color: var(--white);
}

.header-one .main-navbar,
.header-four .main-navbar {
    display: inline-flex;
}

.site-description, h4.site-title {
	margin-bottom: 0;
}

.main-mobile-menu.is-sticky-menu .site-description, .main-mobile-menu.is-sticky-menu h4.site-title {
	color: #ffffff;
}

.logo img {
	height: auto;
}


a.custom-logo-link {
	display: block;
}
a:has(.site-title) {
	display: inline-block;
}

/*all btn animation*/
a.btn-on.active {
    margin-right: 10px;
}

a.btn-on,
button.btn-on {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-transform: capitalize;
    border: 2px solid var(--primary-color);
    padding: 10px 15px;
    text-decoration: none;
    font-weight: 600;
    color: var(--primary-color);
    transition: 0.65s;
}

a.btn-on span,
button.btn-on span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #000;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transform: translate(-50%, -50%);
    z-index: -1;
}

a.btn-on:hover span,
a.btn-on:focus-within span,
button.btn-on:hover span,
button.btn-on:focus-within span {
    width: 225%;
    height: 562.5px;
}

a.btn-on.active,
button.btn-on.active {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    z-index: 1;
}

a.btn-on:hover,
a.btn-on:focus-within,
button.btn-on:hover,
button.btn-on:focus-within {
    color: #fff;
    border-color: #000;
}

.section-title {
    position: relative;
}

.button-cta .btn-on {
    border-color: var(--secondary-color);
}

.categories5-item .btn-on.active {
    background: var(--white);
    color: var(--primary-color);
}

.service3 .service3-content a.btn-on:hover,
.service3 .service3-content a.btn-on:focus-within {
    border-color: var(--primary-color);
}

/*all btn animation end*/

.ptb-80 {
    padding: 80px 0;
}

button[type=submit]:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a:focus {
    outline-width: 1px;
    /* outline-offset: -px; */
    outline-style: dotted;
    text-decoration: none;
	outline-color: var(--primary-color);
	outline-offset: 1px;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
	color: #ffffff;
}


.pet-bazaar-content { overflow-x: hidden; }

/* [class*='col-'] { margin-bottom: 15px; } */

/*sticky-menu*/
.is-sticky-menu.main-navigation {
    padding: 0;
}

.header-four .is-sticky-menu,
.header-four .is-sticky-menu {
    background: var(--white);
}

.main-mobile-menu.is-sticky-menu {
    background: var(--white);
}

.header-one .main-mobile-menu.is-sticky-menu,
.header-three .main-mobile-menu.is-sticky-menu {
    background: var(--secondary-color);
}

.header-one .navigation-middle-row {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
}

.header-one .navigation-middle-row::after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(255 255 255 / 20%);
    width: 100%;
    bottom: 0;
}

.navigation-bg {
	position:relative;
}
.navigation-bg:not(.is-sticky-menu .navigation-bg) {
    background: rgba(0, 0, 0, 0.5);
    padding: 15px 12px;
    margin: 0 -12px;
}

.header-one .widget-right .menu li a {
    color: var(--white);
}

.header-above-bar .header-widget .select-currency select {
    vertical-align: -webkit-baseline-middle;
}


.is-sticky-menu {
    position: fixed;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    background: var(--secondary-color);
    z-index: 999;
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
    -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px rgb(0 0 0 / 5%);
    -webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
}

.main-mobile-nav.is-sticky-on.is-sticky-menu {
    padding: 5px 0;
}

.is-sticky-menu .sticky-navbar-brand {
    display: block;
    visibility: visible;
}

a.sticky-navbar-brand,
.is-sticky-menu .sticky-navbar-brand+.navbar-brand {
    display: none;
    visibility: hidden;
}


.main-header .contact-area{
    display: flex;
}

#menu-language-menu ul.sub-menu {
	padding: 0;
	width: max-content;
}

#menu-language-menu ul.sub-menu li > a{
	padding: 3px 5px;
}


#menu-language-menu ul.sub-menu li:before{
	content: none;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:not(:has(img)) {
	display: none !important;
}

/*******=start index2=******/
.header-three .widget-left{
    display: flex;
    align-items: center;
}
.header-two .text i{margin-right: 5px;}
.header-two .text-container P,.header-two .widget_nav_menu ul li a,.header-two .select-currency select {font-weight: 600;}

.header-two .call-icon {
    float: left;
    margin-left: 30px;
}
.header-two .user-btn{
    margin: 0 10px;
}
  

.sub-dropdown {
    left: 220px;
    top: 0px;
}
.sub-menu-test {
    top: 105%;
    left: -1px;
}
.sub-menu-test1{
	top: -5%;
	left: -220px;
}

/*slider2*/
.slider_two .slide-area{
    min-height: 600px;
    text-align: left;
}
.slider_two  .slide-area{
	justify-content: start;
}
.slider_two .slide-text-wrapper {
	background: rgba(255,255,255,0.2);
    padding: 50px;
    border-radius: 0 100px 0 100px;
    backdrop-filter: blur(3px);
}




/* browse categorie */
.product-category-btn {
    width: 100%;
    display: block;
    padding: 0 24px;
    line-height: 60px;
    color: var(--secondary-color);
    background: var(--primary-color);
    position: relative;
    z-index: 0;
    border-radius: 0px;
    overflow: hidden;
    font-size: 18px;
    border: 0;
    text-align: left;
    font-weight: 600;
}

.categorie-one .categories-img {
    border-radius: 100%;
    margin-bottom: 20px;
}
.categorie-one {
    background-color: var(--white);
}
.categories{
    padding: 80px 0 55px;
}
.categories-item {
    position: relative;
    margin-bottom: 25px;
}

.bg-element svg {
    width: 50px;
    height: 50px;
    fill: var(--primary-color);
    transform: rotate(40deg);
}

.bg-element {
    position: absolute;
    top: -28px;
    right: 0;
    transform: translateX(-100%) translateY(100%);
    /* z-index: -1; */
    visibility: hidden;
    transition: 0.65s;
}

.categories-item:hover .bg-element,
.categories-item:focus .bg-element,
.categories-item.active .bg-element {
    transform: translateX(0%) translateY(0%);
    visibility: visible;
}

.categorie-two-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 71%;
    margin: 0 auto;
    bottom: 61%;
    border-bottom: 3px dashed var(--secondary-color);
}

.categories2 .categories2-item .cate-img i {
    transition: 0.65s;
}

.header-two .product-category-btn {
    background-color: var(--primary-color);
    color: var(--secondary-color);
}

.main-header.header-two {
    z-index: 2;
}

.header-two .newsflash .textslide-one,
.header-two .icon-holder,
.header-three .newsflash .textslide-one,
.header-three .icon-holder {
    color: var(--secondary-color);
    font-weight: 600;
}

.product-category-btn>span {
    position: relative;
    display: block;
}

.product-category-btn>span::after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 0;
}

.product-category-browse,
.product-category-menus {
    position: relative;
    z-index: 2;
}

.header-four .product-category-browse .main-menu .nav-link {
    color: var(--secondary-color);
}

.product-category-menus-list.active .main-menu>li:not(.more-item) {
    display: none;
}


.product-category-menus-list.active .main-menu::after {
    content: '';
    position: absolute;
    width: calc(25% - 20px);
    height: 1000%;
    background: #fff;
    z-index: -1;
    left: 0px;
    top: 0;
}


.product-category-menus .product-category-menus-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 0;
    display: none;
	transition: all 0.5s;
    background-color: #e8e8e85c;
	overflow: hidden;
   box-shadow: 0 0 1px 0px #000000;
}

.product-category-menus-list .main-menu .dropdown-menu {
    min-width: 200px;
    max-width: 400px;
    width: 114%;
}

.product-category-menus-list > ul.main-menu {
    overflow-y: auto;
    max-height: calc(100vh - 250px);
    -ms-overflow-style: none;
    scrollbar-width: none;
	display: block;
	padding: 25px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.product-category-menus-list .main-menu>li,
.product-category-menus-list .dropdown-menu>li {
    position: relative;
}

.product-category-menus-list > ul.main-menu > li {
    max-width: calc(25% - 50px);
}

.product-category-menus .main-menu>li a img, .product-category-menus .main-menu>li a i {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 0;
    line-height: 50px;
    margin-right: 10px;
    margin-left: -1px;
    transform: translateY(0);
    border-radius: 100%;
    font-size: 30px;
    text-align: center;
    border: 1px solid var(--primary-color);
}

.main-header .product-category-menus-list .dropdown-menu {
    left: 100%;
    top: -10px;
    background-color: var(--white);
    border: none;
    padding: 10px;
    margin-left: 10px;
}
.product-category-menus-list .main-menu>li,
.product-category-menus-list .dropdown-menu>li {
    position: relative;
}

.main-header .product-category-menus-list .dropdown-menu {
    left: 100%;
    top: -10px;
    background-color: var(--white);
    border: none;
    padding: 10px;
    margin-left: 10px;
}

.product-category-menus-list .main-menu>li a {
    padding: 0 18px 0 0;
    transform-origin: 0 0;
    background-color: var(--white);
    border: 1px solid var(--primary-color);
    transition: transform var(--duration) var(--easing), color var(--duration) var(--easing);
    transition-delay: var(--delay-out);
    border-radius: 30px;
    margin-bottom: 10px;
}

.product-category-menus-list .main-menu>li>a {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 50px;
    color: var(--secondary-color);
    transition: 0.65s;
    position: relative;
}

.product-category-menus-list .main-menu>.menu-item-has-children>a::after,
.main-header .product-category-menus-list .dropdown-menu>.menu-item-has-children>a::after {
    content: "\f107";
    position: absolute;
    right: 18px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: 0.65s;
}

.product-category-menus-list .main-menu>.menu-item-has-children:hover>a::after,
.main-header .product-category-menus-list .dropdown-menu>.menu-item-has-children:hover>a::after {
    transform: rotate(-90deg);
}

.product-category-menus-list .dropdown-menu>li>a {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 50px;
    color: var(--secondary-color);
    transition: 0.65s;
    margin-bottom: 10px;
}

.product-category-menus-list .dropdown-menu>li>a:hover,
.product-category-menus-list .dropdown-menu>li>a:focus-within {
    background-color: var(--primary-color);
    color: var(--secondary-color);
}

.product-category-menus-list .dropdown-menu>li:last-child>a {
    margin-bottom: 0px;
}

.product-category-menus-list .main-menu>li>a:hover,
.product-category-menus-list .main-menu>li>a:focus-within {
    background-color: var(--primary-color);
}

.product-category-btn i {
    margin-right: 10px;
    font-size: 22px;
    vertical-align: text-bottom;
}

.product-category-browse .main-menu {
    display: block;
    background-color: var(--white);
    padding: 25px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.product-category-browse .main-menu>li a img,
.product-category-browse .main-menu>li a i {
    width: 50px;
    height: auto;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 0;
    /* line-height: 22px; */
    margin-right: 7px;
    transform: translateY(0);
}

.attribute-search-wrapper .attribute-search-form,
.ts-header .vertical-menu-wrapper>.vertical-menu {
    position: absolute;
    left: 0;
    width: 360px;
    top: 100%;
    z-index: 5;
    display: none;
}

/* browse categorie end */



/*header-search popup*/
.header-search-popup {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: hidden;
    display: none;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.search-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    background-color: #000000;
    width: 100%;
    height: 100%;
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-animation: search-layer 0.3s ease-out reverse;
    animation: search-layer 0.3s ease-out reverse;
}

.header-search-popup .header-search-form {
    width: 100%;
    max-width: 450px;
    margin: auto;
    position: relative;
    top: 50%;
    border: none;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease 0.8s;
    transition: all 1s ease 0.8s;
    z-index: 1;
}

.header-search-form {
    border-radius: 5px;
    border: 1px solid rgba(var(--border), 1);
    max-width: 100%;
    position: relative;
    background: rgba(var(--white), 1);
}

.close-style:not(.main-mobile-menu .close-style) {
    border: none;
}

.header-search-popup .header-search-close {
    width: 45px;
    height: 45px;
    top: 12%;
    right: 100px;
    margin: auto 0;
    -webkit-transition: all 1s ease 0.8s;
    transition: all 1s ease 0.8s;
    opacity: 0;
    visibility: hidden;
}

.header-search-active .header-search-popup {
    display: block;
    visibility: visible;
    opacity: 1;
}

.header-search-active .header-search-popup .header-search-form {
    max-width: 450px;
    min-width: 280px;
    opacity: 1;
    visibility: visible;
}

.close-style {
    position: absolute;
    /* top: 33%; */
    right: 15px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 0;
    z-index: 9;
    border: 1px;
    border: 1px solid rgba(var(--sc), 1);
}

.header-search-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-search-form form ::placeholder {
    color: var(--secondary-color);
}

.header-search-form form .search-wrapper {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header-search-form form>button {
    position: relative;
    padding: 14px 25px;
    background-color: var(--primary-color);
    border-radius: 0 5px 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-menu-right::placeholder {
    color: var(--secondary-color);
}

.header-search-active .header-search-popup,
.header-search-active .header-search-close,
.header-search-active .header-search-popup .header-search-form {
    opacity: 1;
    visibility: visible;
}

.header-search-popup .header-search-form .header-search-button {
    height: 50px;
}

.header-search-popup .header-search-form .header-search-select {
    height: 50px;
}

.header-search-popup .header-search-form .header-search-input {
    height: 50px;
}

.header-search-popup .header-search-form {
    width: 100%;
    max-width: 450px;
    margin: auto;
    position: relative;
    top: 50%;
    border: none;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease 0.8s;
    transition: all 1s ease 0.8s;
    z-index: 1;
}

.header-search-form {
    border-radius: 5px;
    border: 1px solid rgba(var(--border), 1);
    max-width: 100%;
    position: relative;
    background: rgba(var(--white), 1);
}

.header-search-popup input.search.header-search-input {
    width: 100%;
    padding: 10px;
    outline: none;
    border: none;
}

.header-three input.search.header-search-input + svg, .header-five input.search.header-search-input + svg {
	display: none;
}

.search-results.active {
	color: var(--secondary-color);
}


.footer-content #menu-primary-menu.menu {
    float: left;
}

.header-one .header-search-form form {
    display: flex;
}

a.animate-btn2 {
    padding: 10px 15px;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(6px);
    transition: 0.85s;
    z-index: 0;
    text-decoration: none;
    color: #fff;
    text-transform: capitalize;
    display: inline-block;
}

.animate-btn2.active-bg {
    background: var(--primary-color);
}

.animate-btn2 {
    margin-right: 10px;
}

.animate-btn2:hover {
    color: var(--primary-color);
}

.animate-btn2>span {
    position: relative;
    z-index: 2;
}

.animate-btn2>span>i {
    font-size: 13px;
    margin-left: 5px;
}

.animate-btn2:after {
    position: absolute;
    content: '';
    top: 0;
    right: 100%;
    left: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.65s;
}

.animate-btn2:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 100%;
    bottom: 0;
    z-index: 0;
    transition: 0.65s;
    background: rgba(0, 0, 0, 0.6);

}

.animate-btn2:hover:after {
    right: 0%;
    background: rgba(0, 0, 0, 1);
}

.animate-btn2:hover:before {
    left: 0%;
    background: rgba(0, 0, 0, 1);
}

.animate-btn2:before {
    position: absolute;
    content: '';
}


.header-five .header-search-form form {
    display: flex;
    width: 100%;
}

.header-five .header-search-form form input {
    width: 80%;
    background: rgba(0, 0, 0, 0.5);
    outline: none;
    border: none;
    color: #fff;
    height: 40px;
}

.header-five .header-search-form form ::placeholder {
    color: var(--white);
}

.header-five .header-search-form form button:hover,
.header-five .header-search-form form button:focus-within {
    background: var(--secondary-color);
    color: var(--white);
}

.header-five .header-search-form form button {
    width: 20%;
    background: var(--primary-color);
    border: none;
    color: #fff;
    transition: 0.65s;
    height: 40px;
    border-radius: 0;
    display: block;
    padding: 0;
}


aside.widget.select-currency:before {
    content: '';
    border-left: 1px solid #00000052;
    position: absolute;
    /* inset: 0; */
    height: 14px;
    top: 50%;
    transform: translate(0, -50%);
}

aside.widget.select-currency:after {
    content: '';
    border-right: 1px solid #00000052;
    position: absolute;
    /* inset: 0; */
    height: 14px;
    top: 50%;
    transform: translate(0, -50%);
}

.header-one aside.widget.select-currency:before,
.header-one aside.widget.select-currency:after {
    border-color: var(--white);
}

aside.widget.select-currency {
    position: relative;
    margin: 0 10px;
    padding: 0 5px;
}

marquee {
    height: 20px;
    line-height: 1;
    vertical-align: middle;
}


.cart-icon-wrap {
    background: none;
    border: none;
    color: #fff;
    font-size: 24px;
}

.main-navigation .widget-contact .contact-info p {
    font-size: 16px;
}

.main-navigation .widget-contact .contact-info a {
    font-size: 16px;
}

.main-navigation .widget-contact .contact-area {
    display: flex;
    align-items: center;
    margin: 0 30px 0 0;
}

.main-navigation .widget-contact {
    display: flex;
}

.main-navigation .widget-contact .contact-icon {
    width: 40px;
    height: 40px;
    background: #fdf9f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: all 0.5s ease;
}

.dropdown-menu .dropdown-item {
    border-bottom: 1px solid #363636;
    padding: 10px 15px;
    text-decoration: none;
}

.nav-link-text i {
    float: right;
    line-height: 2;
    font-size: 12px;
    transition: 0.95s ease;
}

.dropdown-item:hover i {
    transform: rotate(90deg);
}

.nav_menu-5 ul li a {
    color: #5a5a5a;
}

.active-arrow::before {
    transform: rotate(90deg);
    transition: 0.65s;
}



.main-header.header-one,
.main-header.header-three {
    background: transparent;
    position: relative;
    width: 100%;
    z-index: 99;
}



.main-header .main-navbar .widget {
    margin-bottom: 0;
	display: inline-block;
    vertical-align: baseline;
}

.main-header .above-header .widget-left .widget {
    margin-bottom: 0;
}

.main-header .widget-right .main-navbar .select-currency select {
    /*color: var(--secondary-color);*/
    font-weight: 500;
}

.above-header {
    padding: 10px 0px;
}

.above-header {
    position: relative;
    background-color: transparent;
    z-index: 9;
}

.header-above-wrapper.is-active .header-above-bar {
    top: 100%;
}

/* .header-above-wrapper.is-active .header-above-bar {
    opacity: 1;
    visibility: visible;
    top: 100%;
} */

.header-two .widget_social_widget ul li .social-a,
.footer-copyright .widget_social_widget ul li .social-a {
    border-radius: 40px;
}

.main-header .above-header .widget_nav_menu .sub-menu li a,
.header-two .above-header .widget_nav_menu .sub-menu li a,
.header-three .above-header .widget_nav_menu .sub-menu li a {
    color: #5a5a5a;
}

/*.widget_nav_menu ul li a {
    color: var(--white);
	}*/
.header-above-bar {
    position: absolute;
    text-align: center;
    top: -250%;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: none;
    height: auto;
    width: 95%;
    padding: 15px 0;
    border-radius: 0;
    background-color: #fff;
    /*border-top: 4px solid var(--bs-primary);*/
    z-index: 0;
    /* opacity: 0;
    visibility: hidden; */
    -webkit-box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
    box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
    -webkit-transition: top 400ms cubic-bezier(.6, .1, .68, .53) 0ms;
    -o-transition: top 400ms cubic-bezier(.6, .1, .68, .53) 0ms;
    transition: top 400ms cubic-bezier(.6, .1, .68, .53) 0ms;
}

.header-one .above-header .widget_social_widget ul {
    padding: 0px;
    list-style: none;
    padding-right: 0px;
    margin: 0px;
    position: relative;
    z-index: 2;
}

.main-mobile-menu .widget_social_widget ul {
    float: right;
}

.transparent-header {
    background: transparent;
    position: absolute;
}

/*main-mobile*/
.main-mobile-nav {
    /* position: absolute; */
    display: none;
    width: 100%;
    z-index: 99;
    padding: 10px;
    background: transparent;
}

.header-two .main-mobile-nav,
.header-four .main-mobile-nav,
.header-five .main-mobile-nav {
    position: relative;
}

.header-above-btn {
    margin-left: 12px;
	height: 40px;
}

.header-above-collapse span,
.header-above-collapse span:before,
.header-above-collapse span:after {
    position: absolute;
    top: 15px;
    width: 8px;
    height: 8px;
    line-height: 8px;
    text-align: center;
    background: var(--primary-color);
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
    transform: scale(0.82);
}

.header-above-collapse span:before,
.header-above-collapse span:after {
    content: '';
}

.header-above-collapse span:before {
    top: 12px;
}

.header-above-collapse span:after {
    top: -12px;
}

.main-mobile-menu.is-sticky-menu {
    padding: 10px 20px;
}

.main-mobile-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    min-height: 72px;
}


.main-mobile-left {
    flex: auto;
}

.main-mobile-nav .main-mobile-build {
    /* margin-top: 1px; */
    padding-top: 62px;
    background: #fff;
}

.menu-collapse-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.hamburger-menu {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border-radius: 0;
    overflow: hidden;
}

.hamburger-menu div {
    height: 3px;
    width: 100%;
    margin: 0 0 5px;
}
.hamburger-menu div.bottom-bun {
    margin: 0;
}

.header-above-collapse {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    border-radius: 0px;
    padding: 0;
    overflow: hidden;
    position: relative;
    background: transparent;
    z-index: 0;
}

.header-above-collapse span {
    top: 40%;
}
.header-search-form .close-style{
    display: none;
}

.menu-collapsed:not(.footer-small .menu-collapsed) {
    width: inherit;
    height: inherit;
    display: block;
    position: relative;
    z-index: 0;
    border-radius: 0px;
    border: 1px solid var(--primary-color);
    background: transparent;
}

.header-menu-active .main-mobile-build {
    top: 100%;
}

.main-mobile-build {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    /* max-width: 500px; */
    height: auto;
    padding: 0;
    margin: auto;
    text-align: left;
    /*background: var(--bs-white);
    box-shadow: 0 0 20px rgb(0 0 0 / 40%);*/
    -webkit-transition: top 600ms cubic-bezier(.6, .1, .68, .53) 0ms;
    -o-transition: top 600ms cubic-bezier(.6, .1, .68, .53) 0ms;
    transition: top 600ms cubic-bezier(.6, .1, .68, .53) 0ms;
}

.main-mobile-build .product-categories img {
	display: none;
}

/* .main-mobile-menu .header-above-wrapper { line-height: 0; } */

.main-mobile-build .product-categories ul i {
    margin-right: 10px;
}

.switcher-tab {
    display: flex;
    align-items: center;
    width: 100%;
}

.browse-more {
    background: var(--primary-color);
    color: var(--secondary-color);
    border: none;
    width: 100%;
    line-height: 50px;
    border-radius: 30px;
    transition: 0.65s;
}

.browse-more:hover {
    background: var(--secondary-color);
    color: var(--white);
}

.switcher-tab>button {
    border: none;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    position: relative;
    padding: 15px 0;
}

.main-mobile-menu ul.main-menu {
    height: 100%;
    max-height: 64vh;
    overflow-x: hidden;
    overflow-y: overlay;
    -ms-touch-action: overlay;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
    display: flex;
    flex-direction: column;
}

.main-mobile-menu ul,
.main-mobile-menu ul li {
    padding: 0;
    list-style: none;
    position: relative;
    border: 0;
	margin-bottom: 0;
}

.main-mobile-menu ul li {
    display: flex;
    line-height: 40px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.main-mobile-menu ul.main-menu .menu-item a {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
	color: #ffffff;
}

.main-mobile-menu ul.main-menu li>a {
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.main-mobile-menu ul.main-menu>li a {
    width: 100%;
    padding: 0;
    padding-left: 15px;
}

a.nav-link {
    text-decoration: none;
}

.main-mobile-menu .main-menu>li>a,
.main-mobile-menu .dropdown-menu li a {
    font-size: 18px;
}

.main-mobile-menu ul.main-menu li.menu-item-has-children {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}



.mobile-collapsed>button {
    cursor: pointer;
    flex-basis: 10%;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
    padding: 0 1.17em;
    border: 0;
    border-radius: 0;
    border-left: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* .header-menu-active .main-mobile-wrapper {
    opacity: 1;
    visibility: visible;
} */

.main-mobile-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .35s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: all 600ms cubic-bezier(.6, .1, .68, .53) 400ms;
    -o-transition: all 600ms cubic-bezier(.6, .1, .68, .53) 400ms;
    transition: all 600ms cubic-bezier(.6, .1, .68, .53) 400ms;
    background-color: var(--secondary-color);
    visibility: hidden;
    transform: translateX(-150%);
}

.main-mobile-menu ul.main-menu li.menu-item-has-children ul.dropdown-menu li>a {
    padding-left: 25px;
    width: 100%;
    flex: 1;
}

span.mobile-collapsed {
    max-width: 60px;
}

.main-mobile-menu ul.main-menu .menu-item-has-children>a {
    flex: 1;
}

.main-mobile-menu ul.main-menu>li a {
    width: 100%;
    padding: 0;
    color: var(--bs-secondary);
    padding-left: 15px;
}

.main-mobile-menu ul.main-menu .dropdown-menu {
    margin: 0;
    float: none;
    clear: both;
    background: var(--secondary-color);
    border-top: 1px solid #363636;
    width: 100%;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.main-mobile-menu ul.main-menu .dropdown-menu {
    display: none;
}

.close-style {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0 auto;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 0;
    border-color: var(--primary-color);
    border-style: solid;
    background: var(--bs-white);
    z-index: 9;
}

.close-style:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-style:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.close-style:before,
.close-style:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 25px;
    height: 4px;
    background: var(--secondary-color);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

/* ///main-mobile*/

.menu-bar .widget_nav_menu {
    z-index: 99;
}

.header-above-bar .widget_nav_menu .sub-menu {
    left: 0;
    top: 35px;
}


.main-header .widget_nav_menu .sub-menu,
.header-two .widget_nav_menu .sub-menu,
.header-three .widget_nav_menu .sub-menu {
    position: absolute;
    z-index: 99;
    width: 105px;
    background: var(--bs-white);
    padding: 10px 15px;
    margin: 0;
    border: 0;
    border-radius: 0;
    -moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075);
    box-shadow: 0 -8px 16px rgb(0 0 0 / 8%);
    font-size: 16px;
    text-align: left;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.header-one .widget_nav_menu li {
    position: relative;
}

.header-one .widget_nav_menu li .sub-menu {
    right: 0;
}

.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu {
    display: list-item;
    text-align: center;
    width: 230px;
    padding: 20px;
}

.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a {
    text-decoration: none;
}

.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a span {
    color: var(--primary-color);
    text-decoration: underline;
}

.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a:hover span,
.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li a:focus span {
    text-decoration: dotted underline;
}

.main-header .widget_nav_menu .menu-above-header-menu-container li .sub-menu li:first-child a {
    padding: 10px;
    display: block;
    background: var(--primary-color);
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 20px;
}

.widget_social_widget ul li {
    display: inline-block;
}


.header-one .widget_social_widget ul li .social-a {
    margin: 0 7px 0 0;
}

.widget_social_widget ul li .social-a {
    width: 40px;
    height: 40px;
    display: block;
    box-shadow: 0px 0px 5px -3px;
    line-height: 40px;
    text-align: center;
    margin-left: 7px;
    transition: 0.65s;
}

.header-four .widget_social_widget ul li .social-a:first-child {
    margin-left: 0px;
}

.header-four .widget_social_widget ul li:not(:last-child) .social-a {
    margin-right: 10px;
}

.header-three .main-navigation-area .main-menu li:first-child a:not(.dropdown-menu li a) {
    padding-left: 0;
}

.widget_social_widget ul li .social-a:hover i,
.widget_social_widget ul li .social-a:focus-within i,
.social-effect .social-a.active i {
    transform: scale(1.5);
    transition: 0.65s;
}

.main-navbar .dropdown-menu li {
    position: relative;
	margin-bottom: 0;
}

.product-category-menus-list .dropdown-menu,
.main-navbar .dropdown-menu {
    position: absolute;
    z-index: 99;
    width: 220px;
    background: var(--secondary-color);
    padding: 0px;
    margin: 0;
    border-bottom: 2px solid var(--primary-color);
    border-radius: 0;
    -moz-box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.075);
    box-shadow: 0 -8px 16px rgb(0 0 0 / 8%);
    /* font-size: 14px; */
    text-align: left;
    display: block;
    opacity: 0;
    /* visibility: hidden; */
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}


.widget-right .menu {
    padding: 0px;
    list-style: none;
    margin-left: 10px;

}

.widget-right .menu li {
    display: list-item;
}

.widget_wmc_widget, .widget_nav_menu:has([id *='language']) {
    display: inline-block;
}

.header-one .newsflash {
    color: var(--primary-color);
}

/*.select-currency{float: left;}*/
select {
    border: none;
    padding: 0 5px;
    /*vertical-align: -webkit-baseline-middle;*/
}

select:focus {
    outline: 1px dotted var(--white);
}

.text-container {
    line-height: 40px;
    font-size: 16px;
    margin-right: 20px;
}

.icon-holder {
    /* float: left; */
    margin-right: 5px;
	display: inline-block;
}

.main-navbar .widget_social_widget ul {
    display: flex;
    justify-content: end;
}

.header-two .main-navigation-area.is-sticky-on:not(.is-sticky-menu), .main-navigation-area.is-sticky-menu {
    padding: 15px 0;
}


.main-navigation-area.is-sticky-menu .phone-icon a,
.main-navigation-area.is-sticky-menu .btn-deal {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    font-weight: 600;
    transition: 0.65s;
}

.main-navigation-area.is-sticky-menu .phone-icon a {
    background: none;
    color: var(--primary-color)
}

.header-four .header-search-form select.header-search-select {
    background-color: rgba(255 255 255 / 91%);
    color: var(--secondary-color);
}

.header-four .phone-icon a {
    width: unset;
    height: unset;
    background: none;
    box-shadow: none;
    font-size: 45px;
}

.header-four .call-detail .phone-icon a:hover {
    background: none;
    color: var(--primary-color);
}

.main-navigation-area.is-sticky-menu .phone-icon a:hover,
.main-navigation-area.is-sticky-menu .btn-deal:hover {
    background-color: var(--white);
    color: var(--secondary-color);
}

.header-search-form select.header-search-select {
    background: rgba(255 255 255 / 53%);
    color: var(--white);
    font-weight: 500;
}

.header-search-form select.header-search-select>option {
    color: var(--secondary-color);
    font-weight: 500;
}


.main-navigation {
    background: rgb(255 255 255 / 30%);
    padding: 20px 0;
    position: relative;
}

.logo img {
    /* width: 200px; */
}

footer .logo img {
	width: auto;
	max-width: 200px;
}

/*.header-search-form{background: rgb(255 255 255 / 12%)}*/
.header-search-form input[type='search'] {
    width: 91%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    outline: none;
    padding: 7px 14px;
    height: 50px;
	color: #ffffff;
}

.header-search-form input[type='search']:focus {
	box-shadow: none;
	outline: 1px dotted;
}

.header-search-form select.header-search-select {
    height: 50px;
}

.header-search-form form>button {
    height: 50px;
}



input[type='text'] {
    width: 91%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    outline: none;
    padding: 7px 14px;
}

.header-search-button {
    background: var(--primary-color);
    border-radius: 0px;
    border: none;
    padding: 7px 0px;
    /* border-left: 1px solid #eee; */
    width: 7.5%;
    display: inline-block;
    transition: 0.65s;

}

.header-search-form form>button {
    color: var(--secondary-color);
}

.header-search-form {
    vertical-align: middle;
}

.header-two .header-search-form {
    width: 100%;
}

.header-two .header-search-form input[type='search'] {
    background: rgba(0, 0, 0, 1);
    color: var(--white);
}

.header-two .header-search-form input[type='search']::placeholder {
    color: var(--white);
}

.header-two .header-search-form select.header-search-select {
    background: rgba(0 0 0 / 70%);
    color: var(--white);
}

.header-two .header-search-form select.header-search-select option {
    color: var(--white);
}

.header-search-form form>button {
    border-radius: 0;
}

.header-two .above-header .widget-left .widget {
    display: inline-block;
}

.menu-right-list {
    list-style: none;
    margin: 0px;
    display: flex;
    align-items: center;
}

.menu-right-list .cart-label > span > .woocommerce-Price-amount.amount {
	display: none;
}

ul.menu-right-list .button-area a {
	text-decoration: none;
    border-radius: 0;
    display: inline-block;
    background: var(--primary-color);
    border: none;
    padding: 10px 15px;
    color: var(--secondary-color);
    font-weight: 600;
    margin-left: 10px;
    box-shadow: none;
    outline: 1px dotted;
}

.header-one .menu-right-list {
    display: flex;
    align-items: center;
}

.menu-right-list li {
    display: inline-block;
    margin-left: 15px;
}

.menu-right-list li .favourite-btn,
.menu-right-list li .arrow-btn,
.menu-right-list li .myaccount-btn {
    text-decoration: none;
    position: relative;
    font-size: 24px;
}

.menu-right-list > li i + span,
.cart-icon-wrap span {
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    top: 0;
    right: -8px;
    font-size: 12px;
    transition: 0.65s;
}

.menu-right-list > li i + span {
	color: #ffffff;
	background-color: var(--primary-color);
}

.cart-icon-wrap {
    position: relative;
    padding: 0;
}

.header-two .cart-wrapper .cart-icon-wrap {
    color: var(--white);
}

.cart-label span {
    font-size: 18px;
    vertical-align: text-bottom;
    color: #fff;
    margin-left: 10px;
}

.cart-modal {
    display: none;
    animation: fade_hide linear 0.5s forwards;
}

.cart-modal {
    position: fixed;
    top: 0;
    width: 320px;
    z-index: 99;
    right: -100%;
    bottom: 0;
    transition: 1s ease;
	color: initial;
}

.cart-modal.cart-active {
    display: block;
    right: 0;
}

.cart-modal img, .sidebar .cart-img-col img {
	width: 60px;
	height: auto;
}

.cart-modal .cart-img-col .remove_from_cart_button, .sidebar .cart-img-col .remove_from_cart_button {
	margin-right: 10px;
}

.cart-top {
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.cart-text {
    font-size: 16px;
    font-weight: 700;
}

.cart-top .cart-close {
    font-size: 16px;
    text-decoration: none;
}

.sidebar .cart-footer .cart-ft-amt {
	color: initial;
}

.cart-products {
    /* border-bottom: 1px solid #eee; */
    /* padding: 10px; */
}

.cart-container .cart-body .cart-product, .sidebar .cart-body .cart-product {
    display: flex;
    /* align-items: center; */
	padding: 5px 10px;
    border-bottom: 1px solid #e8e8e8;
}

.cart-img-col {
    margin-right: 20px;
}

.cart-img-col .remove_from_cart_button, .woocommerce .cart-img-col .remove_from_cart_button {
	display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
	font-size: 16px;
}

.cart-footer .cart-ft-totals {
    padding: 10px;
}

.cart-footer .cart-ft-amt {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
}

.cart-ft-buttons-cont {
    text-align: center;
}

.cart-ft-buttons-cont .cart-ft-btn:hover,
.cart-ft-buttons-cont .cart-ft-btn:focus-within {
    background: var(--secondary-color);
    color: var(--white);
}

.cart-ft-buttons-cont .cart-ft-btn, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.cart-ft-btn {
    background: var(--primary-color);
    color: var(--white);
    border: none;
    transition: 0.65s;
    text-decoration: none;
    border-radius: 0;
    margin: 0 5px 10px;
}

.header5 .navigation-wrapper .widget-left aside.widget_nav_menu {
    justify-content: flex-end;
}

.header5 .navigation-wrapper .widget-left aside {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.widget>ul,
.widget div>ul,
.tagcloud {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
}

element.style {
    width: 16px;
    height: 11px;
}

.header5 #menu-language-menu li>a>img {
    display: inline-block;
}

.product-category-menus-list .main-menu .menu-item:hover>.dropdown-menu,
.product-category-menus-list .main-menu .menu-item:focus-within>.dropdown-menu,
.main-footer .widget_nav_menu .menu-item:hover>.sub-menu,
.main-footer .widget_nav_menu .menu-item:focus-within>.sub-menu,
.main-header .widget_nav_menu .menu-item:hover>.sub-menu,
.main-header .widget_nav_menu .menu-item:focus-within>.sub-menu,
.header-two .widget_nav_menu .menu-item:hover>.sub-menu,
.header-two .widget_nav_menu .menu-item:focus-within>.sub-menu,
.header-three .widget_nav_menu .menu-item:hover>.sub-menu,
.header-three .widget_nav_menu .menu-item:focus-within>.sub-menu,
.main-footer .main-menu .menu-item:hover>.dropdown-menu,
.main-footer .main-menu .menu-item:focus-within>.dropdown-menu,
.main-navbar .main-menu .menu-item:hover>.dropdown-menu,
.main-navbar .main-menu .menu-item:focus-within>.dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}



/*menu animation*/
.textout {
    position: relative;
    overflow: hidden;
}

.nav-link-text {
    font-size: 16px;
    font-weight: 600;
}

.textin {
    position: absolute;
    font-size: 16px;
    font-weight: 600;
    left: 0px;
    color: #fff;
    opacity: 0;
    transform: scale(1.5);
}

.main-navbar ul li .nav-link:hover .textin,
.widget_nav_menu .menu a:hover .textin,
.brand ul li a:hover .textin,
.main-navbar ul li .nav-link:focus .textin,
.widget_nav_menu .menu a:focus .textin,
.brand ul li a:focus .textin {
    opacity: 1;
    transform: scale(1);
    transition: 0.75s ease;
    color: var(--primary-color);
}

.header-one .main-navbar ul li .nav-link.active .textin,
.header-one .widget_nav_menu .menu a.active .textin,
.header-one .brand ul li a.active .textin {
    opacity: 1;
    transform: scale(1);
    transition: 0.75s ease;
    color: var(--primary-color);
}

.header-one .header-search-form form ::placeholder {
    color: var(--white);
}


.brand ul li a .textin {
    font-size: 16px;
    font-weight: 400;
}

.header-two .main-navbar ul li .nav-link:hover .textin,
.header-two .main-navbar ul li .nav-link:focus-within .textin,
.header-two .main-navbar ul li .nav-link.active .textin {
    color: var(--primary-color);
}

.dropdown-menu li .dropdown-item:hover .textin,
.dropdown-menu li .dropdown-item:focus .textin {
    opacity: 1;
    transform: scale(1);
    transition: 0.75s ease;
    color: var(--primary-color);
}

/*footer font-size*/
.widget_nav_menu .menu a .textin {
    font-size: 16px;
    font-weight: 400;
}


.main-menu {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
}

.header-three .main-navigation-area .main-menu {
    flex-wrap: wrap;
}

.header-three .main-navigation-area .main-menu li a {
    padding: 8px 10px;
}

.header-three .widget-left,
.header-three .widget-right {
    padding: 5px 0;
}

.header-three .widget_nav_menu ul li a,
.header-three .select-currency select {
    color: var(--secondary-color);
    font-weight: 600;
}

.header-three .contact-detail-top li a {
    color: var(--secondary-color);
}


.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    border-bottom: 2px solid var(--primary-color);
}


.phone-icon a {
    width: 40px;
    height: 40px;
    box-shadow: 0px 0px 5px -1px #666;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    transition: all 0.5s ease;
    display: block;
    padding: 0;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .5s;
    z-index: 0;
}

.header-one .phone-icon a {
    width: unset;
    height: unset;
    background: none;
    font-size: 45px;
    box-shadow: none;
}

.header-one .call-detail .phone-icon a:hover,
.header-one .call-detail .phone-icon a:focus-within {
    background: none;
    color: var(--primary-color);
}

.phone-number p {
    margin: 0px;
    font-size: 18px;
}

.main-detail p {
    margin: 0px;
    font-size: 16px;
}

.phone-number {
    font-size: 14px;
}

.main-detail {
    font-size: 14px;
    line-height: 20px;
}

.phone-number span,
.main-detail span {
    font-weight: 600;
    font-size: 16px;
}

.header-four .contact-detail-top li a {
    color: var(--secondary-color);
    font-weight: 600;
}

.header-four .contact-detail-top li a i {
    color: var(--secondary-color);
}

.header-four #menu-above-header-menu li a,
.header-four .select-currency select,
.header-four #menu-language-menu li a {
    color: var(--secondary-color);
    font-weight: 600;
}

.header-four .main-navigation {
    background-color: var(--secondary-color);
    border-bottom: 1px solid #3c3939;
}

.header-four .header-search-form form {
    display: flex;
}

.header-four .header-search-form form::placeholder {
    color: var(--secondary-color);
}

.header-four input[type='text'] {
    border-radius: 0;
    background: #fff;
    color: var(--secondary-color);
    height: 50px;
}

.header-four .header-search-form input[type='text'] {
    width: 67%;
}

.header-four .navgation-wrapper .main-navigation-area {
    background-color: var(--secondary-color);
    padding: 10px 0;
}

.header-four .navgation-wrapper .call-detail .phone-icon + div p {
    color: var(--primary-color);
	font-size:18px;
	margin-bottom: 0;
}

.header-four .navgation-wrapper .call-detail .phone-icon + div a {
	font-size:18px;
    color: #ffffff;
}

.header-four .header-search-button {
    background: var(--primary-color);
    border-radius: 0px;
    height: 50px;
    display: block;
    padding: 0;
    min-width: 50px;
}

.header-four .st-wcwl-items-count,
.header-four .cart-icon-wrap span {
    background: var(--primary-color);
    color: var(--secondary-color);
}

.header-four .main-menu .nav-link {
    color: var(--white);
    font-weight: 600;
}

/* .header-four .main-menu .nav-link:hover{color: var(--primary-color);} */
.header-four .main-menu .nav-link.active {
    color: var(--primary-color);
}

.header-four .hamburger-menu div {
    background: var(--secondary-color);
}

.header-four .header-above-collapse span,
.header-four .header-above-collapse span:before,
.header-four .header-above-collapse span:after {
    background-color: var(--secondary-color);
}

.header-four .widget_social_widget ul li a,
.header-four .widget_social_widget ul li a i {
    transition: all 0.2s linear 0s;
}

.header-four .widget_social_widget ul li a {
    background-color: var(--secondary-color);
    color: var(--white);
}

.header-four .widget_social_widget ul li a:hover,
.header-four .widget_social_widget ul li a:focus {
    /* border-radius: 20% 50% 50% 50%; */
    background-color: var(--white);
    color: var(--secondary-color);
}


.header-four .text-container .textslide-one {
    color: var(--secondary-color);
    font-weight: 600;
}

.header-four .text-container .icon-holder i,
.header-two .text-container .icon-holder i {
    color: var(--secondary-color);
    border: none;
}

/*main header 5*/
.header-five .contact-detail-top li a {
    font-weight: 600;
}

.header-five .header-search-form {
    display: flex;
    align-items: center;
    width: 50%;
}

.header-five .main-menu-right ul {
    /*width: 50%;*/
    padding: 0;
    text-align: end;
    justify-content: end;
}

.header-five .above-header .row {
    align-items: center;
}



/* menu mobile bottom */
.footer-small {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* min-height: 69px;
    padding: 1rem 0; */
    text-align: center;
    background-color: var(--secondary-color);
    z-index: 99999;
    transition: bottom .3s;
    border-top: 1px solid #323232;
}

.footer-small .footer-mobile-menu a {
    width: 40px;
    height: 60px;
    /* border-radius: 40px; */
    display: inline-block;
    /* line-height: 40px; */
    text-align: center;
    /* background-color: var(--primary-color); */
    color: var(--primary-color);
    transition: 0.65s;
    position: relative;
    font-size: 26px;
    line-height: 60px;
    z-index: 0;
}

.footer-small .footer-mobile-menu a.hover-color::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
    top: 0;
    background: rgba(255 255 255 / 30%);
    border-radius: 0;
    border-top: 5px solid;
    border-radius: 0 0 10px 10px;
}

.footer-small .footer-mobile-menu a.hover-color::after {
    content: "";
    position: absolute;
    width: 100%;
    right: 0;
    z-index: -1;
    bottom: 0;
    background: rgba(255 255 255 / 30%);
    border-radius: 0;
    border-bottom: 5px solid;
    border-radius: 10px 10px 0px 0px;
}

/* menu mobile bottom end */



.preloader {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    overflow: hidden;
    background: var(--primary-color);
}


.slider_three .slide-text-wrapper {
    /* position: absolute; */
    /* top: 60%; */
    /* transform: translate(0%, -50%); */
	/* margin-top: 16%; */
    /* width: 55%; */
}

/*homepage4 slider*/
.slider_four .slide-text-wrapper span {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 36px;
}

.slider_four .slide-text-wrapper .sale50 {
    color: var(--primary-color);
}

.slider_four .slide-text-wrapper .slide-text-title {
    color: var(--secondary-color);
}

.slider_four .slide-text-btn {
    background-color: var(--secondary-color);
    border-radius: 2px;
    border: none;
}

.slider_four .slide-text-btn i {
    font-size: 10px;
}

.slider_four .owl-carousel .owl-nav button.owl-prev,
.slider_four .owl-carousel .owl-nav button.owl-next {
    border-radius: 3px;
}

/*homepage5 slider*/
.slider_five {
    background-color: #FEFDFB;
}

.slider_five .slide-text-wrapper span {
    font-size: 36px;
    font-weight: 600;
}

.slider_five .slide-text-wrapper .slide-text-title {
    font-size: 76px;
    font-weight: 700;
}

.slider_five .slide-text-wrapper h6 {
    font-size: 50px;
    font-weight: 600;
}

.slider_five .slide-text-wrapper {
    text-align: left;
}



.slider_one .owl-carousel .owl-item.active .slide-text {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.slider_two .owl-carousel .owl-item.active .slide-text {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 0.3s;
}

.slider_three .owl-carousel .owl-item.active .slide-text {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

.slider_four .owl-carousel .owl-item.active .slide-text {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

.slider_five .owl-carousel .owl-item.active .slide-text {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 0.3s;
}

.slider_five .owl-carousel .owl-item.active .slider5-img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}



a.btn-deal {
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.5s ease;
    text-align: center;
    font-size: 16px;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color .5s;
    z-index: 0;
    font-weight: 600;
}




/*slider*/

.slide-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0px;
    /* height: 800px; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
}

.slider_one .slide-area:before,
.slider_two .slide-area:before,
.slider_three .slide-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.slider_four .slide-text-wrapper {
    position: relative;
    width: 70%;
    margin: 0 auto;
}

.slider_one .slide-text-wrapper.content-one {
    /* margin-right: auto; */
    /* width: 50%; */
}

.slider_one .slide-text-wrapper.content-two {
    margin-right: auto;
    margin-left: auto;
    width: 50%;
}

.slider_one .slide-text-wrapper.content-three {
    margin-left: auto;
    width: 50%;
}

.slide-text-wrapper .slide-text-title {
    font-size: 55px;
    font-weight: 700;
}

.slider_two .slide-text-wrapper .slide-text-title {
    font-size: 50px;
}

.slide-text-wrapper .slide-text-description {
    font-size: 18px;
    font-weight: 400;
}

.slide-text-btn:hover,
.slide-text-btn:focus {
    color: #fff;
}

.slide-text-btn:before,
#scrollup:before,
.owl-prev:before,
.owl-next:before,
.phone-icon a:before,
.btn-deal:before {
    left: -30px;
    bottom: 100%;
    transition: all .7s;
}

.slide-text-btn:hover:before,
#scrollup:hover:before,
.slide-text-btn:focus:before,
#scrollup:focus:before,
.owl-prev:hover:before,
.owl-next:hover:before,
.owl-prev:focus:before,
.owl-next:focus:before .phone-icon a:hover:before,
.btn-deal:hover:before,
.phone-icon a:focus:before,
.btn-deal:focus:before {
    bottom: -50px;
    color: #fff;
}

.slide-text-btn:before,
#scrollup:before,
.owl-prev:before,
.owl-next:before,
.phone-icon a:before,
.btn-deal:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--primary-color);
    height: 150px;
    width: 270px;
    border-radius: 50%;
    color: #fff;
    transition: 0.95s ease;
}


a.slide-text-btn,
#scrollup,
.owl-next,
.owl-prev {
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    border: 2px solid var(--primary-color);
    transition: color .5s;
    z-index: 1;
}

.slider-section .owl-nav,
.categories2 .owl-nav {
    visibility: hidden;
    transition: 0.65s;
}

.slider-section:hover .owl-nav,
.categories2:hover .owl-nav {
    visibility: visible;
}

.slider-section .owl-prev,
.slider-section .owl-prev {
    left: 0px;
}

.slider-section .owl-next,
.slider-section .owl-next {
    right: 0px;
}

.slider-section:hover .owl-prev,
.categories2:hover .owl-prev {
    left: 40px;
}

.slider-section:hover .owl-next,
.categories2:hover .owl-next {
    right: 40px;
}

.slider-section .owl-prev,
.slider-section .owl-next,
.categories2 .owl-prev,
.categories2 .owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 0;
    transition: 0.65s;
}

.slider-section .owl-prev,
.categories2 .owl-prev {
    left: 20px;
}

.slider-section .owl-next,
.categories2 .owl-next {
    right: 20px;
}

.slider_five .best-slide {
    padding: 100px 0;
}

.categories2 .owl-prev,
.categories2 .owl-next {
    border-radius: 40px;
}

/*------end slider----*/

/*.section-title{position: relative;}*/
.section-title .main-title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 10px;
}

.section-title .main-description {
    font-size: 16px;
    font-weight: 400;
}

.categories-img {
    position: relative;
    overflow: hidden;


}

.categories-item:hover .categories-overlay,
.categories-item.active .categories-overlay,
.categories-item:focus-within .categories-overlay {
    visibility: visible;
}

.categories-overlay {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 25%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    z-index: -1;
}

.tp-0 {
    top: -25%;
    transition: 0.25s;
    animation-duration: 0.25s;
}

.categories-item:hover .tp-0,
.categories-item.active .tp-0,
.categories-item:focus-within .tp-0 {
    top: 0%;
}

.tp-25 {
    top: 0%;
    transition: 0.35s;
    animation-duration: 0.35s;
}

.categories-item:hover .tp-25,
.categories-item.active .tp-25,
.categories-item:focus-within .tp-25 {
    top: 25%;
}

.tp-50 {
    top: 25%;
    transition: 0.45s;
    animation-duration: 0.45s;
}

.categories-item:hover .tp-50,
.categories-item.active .tp-50,
.categories-item:focus-within .tp-50 {
    top: 50%;
}

.tp-75 {
    top: 50%;
    transition: 0.55s;
    animation-duration: 0.55s;
}

.categories-item:hover .tp-75,
.categories-item.active .tp-75,
.categories-item:focus-within .tp-75 {
    top: 75%;
}

.categories-content {
    text-align: center;
	margin-top: 10px
}

.categories-content h4 {
    margin-bottom: 10px;
}

.categories-content h4 a {
    text-transform: capitalize;
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
}

.categories-content p {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.categ-main-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    z-index: 0;
}

.hover-logo {
    position: relative;
    top: 50px;
}

.categories-item:hover .categ-main-overlay,
.categories-item.active .categ-main-overlay,
.categories-item:focus-within .categ-main-overlay {
    visibility: visible;
}

.categories-item:hover .hover-logo,
.categories-item.active .hover-logo,
.categories-item:focus-within .hover-logo {
    top: 0px;
    transition: 0.35s;
}

.category4-section .categories-img {
    position: relative;
    overflow: visible;
    height: 200px;
    line-height: 230px;
    background: #fff;
    transition: 0.55s;
    text-align: center;
    border: 1px solid #f6ab4a;
    border-radius: 15px 58px 15px 15px;
}

.category4-section .categories-img i {
    font-size: 60px;
    color: var(--primary-color);
}

.category4-section .categories-inner:hover .categories-img,
.category4-section .categories-inner:focus-within .categories-img {
    background: var(--secondary-color);
    box-shadow: 0 0 18px -6px #efefef;
}

.category4-section .categories-content h4 a {
    font-weight: 700;
}

.category_four .categories-item:hover .categories-img>img,
.category_four .categories-item:focus-within .categories-img>img {
    animation: rubberBand 2s;
}

.category4-section .count-categorie {
    right: 0;
    background-color: var(--secondary-color);
    color: var(--white)
}

.category4-section .categories-item:hover .count-categorie,
.category4-section .categories-item:focus .count-categorie {
    background-color: var(--primary-color);
    color: var(--secondary-color)
}

.categories5-item {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    transition: 0.65s;
    display: flex;
    align-items: center;
}

.categories5-item:hover {
    background-color: var(--secondary-color);
}

/*.categories5-item:hover h2 a{color: #fff}*/

.categories5 .cate-img {
    height: 150px;
    width: 150px;
    display: inline-block;
}

.categories5 .owl-carousel .owl-item img {
    display: inline-block;
}

.categories5 .btn-cate {
    color: var(--primary-color);
    border: 1px solid #fff;
    background: #fff;
    transition: 0.95s;
}

.categories5:hover .btn-cate {
    border: 1px solid var(--primary-color);
}

.categories5 .slide-text-btn:hover {
    background-color: transparent;
}
.categories5-item i {
	color: #ffffff;
}

/*categories2*/
.categories2 .cate-img {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    text-align: center;
    line-height: 188px;
    display: inline-block;
    position: relative;
    transition: 0.75s;
}

.cate-name h2 a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

.cate-img i {
    font-size: 75px;
    position: relative;
}

.categories2 .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: block;
}

.categories2 .cate-img:before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
}

.categories2 .categories2-item:hover .cate-img:before,
.categories2 .categories2-item:focus-within .cate-img:before,
.categorie-two-slide .owl-item.center .categories2-item .cate-img:before {
    visibility: visible;
    width: 100%;
    height: 100%;
}


.count-categorie {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 40px;
    background-color: var(--primary-color);
    font-weight: 600;
    font-size: 15px;
    transition: 0.65s;
    text-align: center;
}

.category3 .count-categorie {
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    background-color: var(--secondary-color);
    color: var(--white);
    z-index: 1;
}

.category3 .categories-item:hover .count-categorie,
.category3 .categories-item:focus .count-categorie {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    transform: translate(-50%, -50%) translateY(-10px);
}



.categories2 .categories2-item:hover .cate-img .count-categorie,
.categories2 .categories2-item:focus-within .cate-img .count-categorie,
.categorie-two-slide .owl-item.center .categories2-item .cate-img .count-categorie {
    background-color: var(--secondary-color);
    color: var(--white)
}



.categories2 .cate-img:before {
    content: '';
    position: absolute;
    background: var(--primary-color);
    top: 50%;
    right: 0;
    left: 50%;
    bottom: 0;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    visibility: hidden;
    transition: 0.75s;
}

/*-------categories end-------*/


/*service-section*/
.service-section .service:hover {
    background: #fff;
    box-shadow: 0 0 18px -6px #919191;
}

.service {
    /*background: #fff;*/
    border: 2px solid #fff;
    padding: 30px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 250px;
    transition: 0.85s;
}

.service:hover .service-img>img {
    -webkit-animation: rubberBand 2s infinite;
    -moz-animation: rubberBand 2s infinite;
    -ms-animation: rubberBand 2s infinite;
    -o-animation: rubberBand 2s infinite;
    animation: rubberBand 2s infinite;

}

/*.service:hover{background: #fdf9f2}*/
.service-img {
    margin-bottom: 10px;
    font-size: 50px;
    color: var(--primary-color);
}

.service-content h4 a {
    font-size: 22px;
    font-weight: 600;
    color: var(--secondary-color);
    text-decoration: none;
}

/*trending section*/
.service .service-img img {
    width: 75px;
    height: 75px;
}

/*service2*/
.service2 {
    background: #fff;
    box-shadow: 0 0 3px 0 var(--primary-color);
    padding: 30px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    transition: 0.65s;
}

.service2:hover {
    background: var(--secondary-color);
}

.service2:hover .service2-dec h3,
.service2:hover .service2-dec p {
    color: #fff;
}

.service2 .service2-dec h3 {
    font-size: 22px;
    font-weight: 600;
    color: var(--secondary-color);
}

.service2-img {
    margin-right: 15px;
}

.service2-img i {
	font-size: 50px;
    color: var(--primary-color);
}

/*service3*/
.service3 {
    border: 1px solid #fdf9f2;
    padding: 30px;
    text-align: center;
    margin-bottom: 25px;
    transition: 0.85s;
    border: 1px solid var(--primary-color);
}

.service3:hover {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.service3:hover .service3-content h3,
.service3:hover .service3-content p {
    color: #fff;
}

.service3 .service3-img {
    width: 70px;
    height: 70px;
    background: #fdf9f2;
    border-radius: 70px;
    line-height: 70px;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 30px;
    color: var(--primary-color);
}

.service3-content h3 {
    font-size: 20px;
    font-weight: 600;
}

/*------end service-------*/

/*trending & feature product*/
.product-single:hover .product-action,
.product-single:focus-within .product-action {
    visibility: visible;
    /*margin-right: 10px;*/
}

.product-1 .product-single {
    border: 1px solid #dbdbdb;
}

.product-1 .product-img {
    margin-bottom: 0;
}

.product-1 .product-content-outer {
    padding: 15px;
}

.product-action {
    visibility: hidden;
    transition: 0.55s ease;
    text-decoration: none;
}

.product-action a,
.st-wcwl-add-button a {
    text-decoration: none;
    margin: 0 5px;
}

.products {
    list-style: none;
    padding: 0px;
    text-align: center;
    margin: 0;
}

.product-single .product-content .dogmaa_ct-countdown .dogmaa_ct-timer{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.product-single .product-content .dogmaa_ct-countdown .dogmaa_ct-timer>span {
    display: flex;
    flex-direction: column;
    padding: 5px;
    line-height: 1.1;
}
.dogmaa_ct-timer span:nth-child(1){
    font-weight: 900;
    color: var(--secondary-color);
}

.product-single .product-content .dogmaa_ct-countdown .dogmaa_ct-timer>span:not(:last-child){
    /* border-right: 1px solid #666666; */
    margin-right: 10px;
}
.dogmaa_ct-timer span:nth-child(2) {
    font-weight: 500;
}

.product-img {
    position: relative;
    padding: 30px;
    margin-bottom: 20px;
    /* height: 280px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-img a:not(.compare):nth-child(2):before {
    /* content: ''; */
    position: static;
    /* background-color: rgba(255 255 255 / 100%); */
    /* top: 100%; */
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* transition: 1s ease; */
}

.featured-product .product:hover a:not(.compare):nth-child(2):before {
    top: 0;
    opacity: 0;
}

.product.type-product {
    padding: 0 10px;
    margin-bottom: 25px;
}

.product.type-product:empty {
    display: none;
}

.page-template-template-homepage-5 .feature-products5 .product-img img {
	width: 100%;
	height: auto;
}

.page-template-template-homepage-5 .feature-products5 .product-action .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	display: none;
}

.woocommerce-product-attributes tbody {
	color: initial;
}

/*.product:not(.type-product) {
    margin: 0px 15px;
}*/



/*badge*/
.sale-ribbon {
    position: absolute;
    background: var(--primary-color);
    top: 0;
    left: 0px;
    padding: 5px;
    color: #fff;
    z-index: 10;
    transition: 0.65s;
}




.product-content h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.product-content h3 a {
    text-decoration: none;
    text-transform: capitalize;
}

.product-content p {
    margin: 0 0 10px 0;
}

.product-content p i {
    font-size: 16px;
    margin: 0px 1px;
}

.product-content .price {
    font-size: 16px;
    font-weight: 600;
}

.product-content .price del {
    margin-right: 5px;
}

.product-action a {
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    line-height: 40px;
    padding-left: 1px;
    border-radius: 30px;
    display: block;
    margin-bottom: 5px;
    transition: 0.65s;
}


/*top-product*/
.top-products .product-single {
    border: 1px solid var(--primary-color);
}

.top-products .product-img {
    background: transparent;
    margin-bottom: 0;
}

.top-products .product-content {
    background: #fff;
    padding: 15px;
}

.top-products .product-img a:not(.compare):nth-child(2):before {
    background-color: rgba(0, 0, 0, 0.5);
}

.top-products .product-action {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
}



/*team*/
.team-section .team {
    text-align: center;
}

.team-section .team-img {
    background: #fff;
    box-shadow: 0 -1px 3px 0 var(--primary-color)3b;
    padding: 20px 20px 0 20px;
    position: relative;
    overflow: hidden;
}

.team-section .team-img img {
    height: 300px;
}

.team-section .team-detail {
    background: var(--primary-color);
    padding: 20px;
    transition: 0.85s;
}

.team-section .team:hover .team-detail {
    background: var(--secondary-color);
    padding: 20px;
}

.team-section .team:hover .team-detail span,
.team-section .team:hover .team-detail h4 {
    color: #fff;
}

.team-section .team-detail h4 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.team-section .team-detail span {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-color);
}

.team-section .team:hover .team-img:before {
    top: -60%;
    right: -37%;
}

.team-section .team-img:before {
    content: '';
    top: -80%;
    right: -100%;
    /* right: -133px; */
    position: absolute;
    /* bottom: 100%; */
    background: rgba(246, 171, 74, 0.5);
    transform: rotate(-44deg);
    height: 500px;
    transition: 0.35s;
    width: 100%;
}

.team-section .social-icon {
    padding: 0;
    list-style: none;
    position: absolute;
    top: -140px;
    right: 20px;
    visibility: hidden;
    transition: 0.85s;
}

.team-section .team:hover .social-icon {
    visibility: visible;
    top: 20px
}

.team-section .social-icon li {
    margin: 0 0 10px 0;
}

.team-section .social-icon li a {
    width: 40px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    display: block;
    color: var(--primary-color);
    transition: 0.65s;
}

.team-section .social-icon li a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

/*banner*/
.feature-product5 .banner_wrap {
    text-align: center;
}

.feature-product5 .banner_wrap img {
    max-width: 100%;
    display: block;
    filter: blur(4px);
    transition: 0.65s;
}

.feature-product5 .banner_wrap:hover img {
    filter: blur(0);
}


.banner-item {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.banner-item > img {
    position: absolute;
    object-fit: cover;
    height: 100%;
}
.banner-content[class*="col"] {
    position: relative;
	padding: 54px 30px;
    /* top: 50%; */
    /* transform: translate(30px, -50%); */
}

.banner-content span {
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 10px;
}

.banner-content h4 {
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 20px;
}

.banner-btn {
    padding: 7px 12px;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.banner-effect {
	position: absolute;
	top: 50%;
	left: -120%;
	background: rgba(255, 255, 255, 0.5);
	width: 50%;
	transform: rotate(22deg) translateY(-50%);
	height: 200%;
	visibility: hidden;
	transition: 0.75s ease;
}

.banner-item:hover .banner-effect {
    left: 100%;
    visibility: visible;
}



/*funfact*/
.funfact-bg {
    /*background-image:url(assets/images/funfact-bg.png);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    position: relative;
    /*height: 400px;*/
    padding: 80px 0px;
    text-align: center;
}

.funfact-title {
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
}

.funfact-title h4 {
    font-size: 50px;
    font-weight: 600;
}

.funfact-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.funfact-icon {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    display: inline-block;
}

.funfact-content h5 {
    font-size: 30px;
    font-weight: 500;

}

.funfact {
    border: 1px solid #fdf8f2;
    text-align: center;
    padding: 15px;
    transition: .35s ease;
    margin-bottom: 30px;
}

.funfact-content p {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.funfact-one .funfact-above {
    padding: 0;
    background: none;
    text-align: center;
}

.funfact-above {
    box-shadow: 0px 13px 5px -15px var(--primary-color);
    padding: 15px;
    margin-top: -126px;
    position: relative;
}

.funfacts .funfact2-image,
.funfacts3 .funfact2-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
    /*height: 400px;*/
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.funfacts .funfact2-image:before,
.funfacts3 .funfact2-image:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.content-funfact span {
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
}

.content-funfact h5>span {
    font-size: 45px;
    font-weight: 700;
}

.funfact-one .funfact-item {
    background: rgba(0 0 0 / 10%);
}

.funfact-item {
    backdrop-filter: blur(3px);
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border: 1px solid var(--primary-color);
    position: relative;
    z-index: 1;
}

.funfact-two .funfact-item:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0 0 0 / 50%);
    visibility: hidden;
    transition: 0.65s;
    z-index: -1;
}

.funfact-two .funfact-item:hover:before {
    visibility: visible;
    top: 0;
}


/*funfact4*/
.funfact4 {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*height: 400px;*/
    display: flex;
    align-items: center;
}

.funfact4:before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

/*.funfact4-item:hover {
    background: #00000026;
}*/
.funfact4-content .counter,
.content span {
    position: relative;
}

.funfact5 .funfact4-item:hover .funfact4-content .counter,
.funfact5 .funfact4-item:hover .funfact4-content span {
    color: #fff;
}

.funfact5 .funfact4-item:after {
    content: '';
    position: absolute;
    border: 1px dotted var(--primary-color);
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

.funfact4-item {
    position: relative;
    text-align: center;
    overflow: hidden;
    background-color: #f3f3f312;
    padding: 25px;
    border: 1px solid #f9f9f926;
}

.funfact5 .funfact4-item:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    background: var(--secondary-color);
    transition: 0.85s;
}

.funfact4-item:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100% 100% 0 0;
    background: #00000026;
    transition: 0.85s;
}

.funfact4-item:hover:before {
    top: 0;
    border-radius: 0;
}

.funfact4-item .funfact4-img img {
    border-bottom: 2px solid #fff;
    padding-bottom: 30px;
}

.funfact4 .funfact4-img {
    /* width: 100px;
    height: 100px; */
    display: inline-block;
    font-size: 50px;
    color: var(--primary-color);
}


.funfact4-content {
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

.funfact4-content h5{
    margin-bottom: 10px;
    line-height: 1;
}

.funfact4-content h5>span {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}

.funfact4-content span {
    font-size: 21px;
    font-weight: 500;
    color: var(--white);
}

.funfact5 .funfact4-item .funfact4-img img {
    border: none;
    margin-bottom: 20px;
    padding: 0;
}
.funfact5 .funfact4-item .funfact4-img i {
    font-size: 50px;
    color: var(--primary-color);
}

.funfact5 .funfact4-content .counter,
.funfact5 .funfact4-content span {
    color: var(--secondary-color);
}

.funfact5 .funfact4-item .funfact4-img {
    width: 150px;
    height: 130px;
    display: inline-block;
    line-height: 150px;
    position: relative;
}

/*work progress*/
.work-progress img {
	position: absolute;
    width: 87%;
    left: 50%;
    margin-top: 40px;
    transform: translateX(-50%);
}


.progress-content h4 {
    font-size: 22px;
    text-transform: capitalize;
    margin: 10px 0;
}

.progress-item {
    width: 200px;
    height: 200px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 200px;
    text-align: center;
    line-height: 200px;
    display: inline-block;
    overflow: hidden;
    transition: 0.8s ease;
    font-size: 90px;
    color: var(--primary-color)
}

.progress-inner:hover .progress-item {
    box-shadow: 0px 0px 18px -15px var(--primary-color);
    border: 1px solid var(--secondary-color);
}

.progress-inner.active .progress-item {
    box-shadow: 0px 0px 18px -15px var(--primary-color);
    border: 1px solid var(--secondary-color);
}

.progress-line {
    background-repeat: no-repeat;
    height: 340px;
    background-position: center center;
    background-size: contain;
}

.progress-inner:hover .progress-line {
    visibility: visible;
    transition: .85s ease;
}

.progress-mt1 {
    margin-top: -320px;
}

.progress-mt2 {
    margin-top: -280px;
}

.progress-mt3 {
    margin-top: -220px;
}

.progress-mt4 {
    margin-top: -280px;
}

/*best deals*/
#deal1 .bestdeal-content {
    padding: 0;
}

.best-deals {
    background-size: cover;
}

.deal-left-img {
    position: relative;
    overflow: hidden;
}

.deal-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    visibility: hidden;
}

.deal-left-img:hover .deal-effect {
    visibility: visible;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    transform: translate(0, 0);
    transition: 0.3s ease;
}

.deal-right {
    padding: 70px 0;
}

.bestdeal-content h4 {
    font-size: 16px;
    font-weight: 500;
}

.bestdeal-content p i {
    font-size: 16px;
    margin: 0 1px;
}

.price-detail span {
    font-size: 16px;
    font-weight: 600;
}

.deal-section .dogmaa_ct-countdown {
    margin-bottom: 10px;
}

.best-deals .dogmaa_ct-timer>span,
.deal-section .dogmaa_ct-timer>span {
    width: 70px;
    height: 70px;
    display: inline-flex;
    line-height: 25px;
    margin: 0px 20px 20px 0px;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    transition: .75s ease;
    text-align: center;
}

.bestdeal-content .add_to_cart_button {
    text-decoration: none;
    background: var(--primary-color);
    display: inline-block;
    padding: 10px 15px;
    font-weight: 600;
    color: var(--white);
}

.best-deals .dogmaa_ct-timer span:nth-child(2),
.deal-section .dogmaa_ct-timer span:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
}

.best-deals .dogmaa_ct-timer span:nth-child(1),
.deal-section .dogmaa_ct-timer span:nth-child(1) {
    font-size: 30px;
    font-weight: 900;
}

.deal4-section .dogmaa_ct-timer>span:nth-child(1),
.deal4-section .dogmaa_ct-timer>span:nth-child(2) {
    float: left;
}

.deal4-section .dogmaa_ct-timer>span:nth-child(1),
.deal4-section .dogmaa_ct-timer>span:nth-child(2),
.deal4-section .dogmaa_ct-timer>span:nth-child(3),
.deal4-section .dogmaa_ct-timer>span:nth-child(4) {
    width: 80px;
    height: 80px;
    background: var(--primary-color);
    border-radius: 3px;
    text-align: center;
    color: #fff;
}

.deal4-section .dogmaa_ct-timer>span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 25px;
}

.deal4-section .dogmaa_ct-timer>span:nth-child(1) {
    margin-right: 100px;
}

.deal4-section .dogmaa_ct-timer>span:nth-child(4) {
    margin-right: 100px;
}

.deal4-section .dogmaa_ct-timer>span>span:nth-child(1) {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.deal4-section .dogmaa_ct-timer>span>span:nth-child(2) {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}


.deal4-section .dogmaa_ct-timer>span:nth-child(3),
.deal4-section .dogmaa_ct-timer>span:nth-child(4) {
    float: right;
}

.deal4-item {
    background: #fff;
    width: 450px;
    height: 450px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
}

.deal4 {
    text-align: center;
    position: relative;
}

.deal4 .dogmaa_ct-countdown {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    width: 100%;
}

.deal4 .deal-bb {
    border-bottom: 2px dashed var(--primary-color);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 0;
    border-width: 4px;
}

.content-deal4 .add_to_cart_button {
    display: inline-block;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 0px;
    transition: 0.65s;
    background: var(--primary-color);
    color: var(--white);
}

.content-deal4 .add_to_cart_button:hover,
.content-deal4 .add_to_cart_button:focus-within {
    background: var(--secondary-color);
}

.deal-item-img {
    margin-bottom: 15px;
}

.content-deal4 h4 {
    margin-bottom: 15px;
}


.deal5 .product-action .quickview-trigger,
.deal5 .product-action .compare,
.deal5 .product-action .add_to_cart_button,
.deal5 .product-action .add_to_wishlist {
    visibility: visible;
}

.deal5 .product-action {
    display: flex;
}

.deal5 .product-action a {
    width: unset;
    height: unset;
    padding: 5px 10px;
    border: none;
    line-height: 24px;
    border-radius: 0;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

.deal5 .deal5area {
    background: #fff;
    display: flex;
    height: 100%;
    align-items: center;
}

.deal5 .bestdeal-content h4 {
    font-size: 30px;
    font-weight: 600;
}

.deal5 .price ins span {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
}

.deal5 .price {
    margin-bottom: 20px;
}


.deal5 .dogmaa_ct-timer {
    display: flex;
    flex-direction: column;
    background: var(--primary-color);
}

.deal5 .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.deal5 .dogmaa_ct-timer>span {
    width: 80px;
    height: 80px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #eee;
}

.deal5 .dogmaa_ct-timer>span>span:nth-child(1) {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.owl-carousel .owl-item .deal-item img {
	width: auto;
}

/*testimonial */
.ani-left {
    /*position: relative;*/
    overflow: hidden;
}

.ani-left:before {
    content: '';
    background-image: url(assets/images/testimonial3.png);
}

.testimonial {
    padding: 10px;
}

.testimonial-content {
    padding: 40px 30px;
}

.testimonial-content h3 {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.testimonial-image .magnify {
    overflow: hidden;
}

.testimonial-image .magnify .magnify-large {
    box-shadow: none;
    width: 100px;
    height: 100px;
}


.testimonial-content h5 {
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.testimonial-content i {
    font-size: 30px;
    line-height: 0;
}

.testimonial-content p {
    font-size: 18px;
    font-weight: 500;
}

.carousel-indicators li {
    border: none;
    width: 15px;
    height: 15px;
    border-radius: 15px;
}

.testimonial-content h6 {
    font-size: 20px;
    font-family: 600;
    text-transform: capitalize;
}

.testimonial-content span {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}

.user-image {
    width: 70px;
    height: 70px;
    box-shadow: 0 0 12px -6px #666;
    border-radius: 70px;
}


.section-testimonial .owl-dots {
    text-align: left;
    padding-top: 15px;
}

.owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
}

.owl-dots button.owl-dot.active {
    background-color: var(--primary-color);
}


.owl-dots span {
    font-size: 70px;
    position: relative;
    top: -5px;
}

/*testimonial4*/
.testimnial4 .testimonial4-item {
    position: relative;
    text-align: center;
    border: 5px solid var(--primary-color);
    padding: 80px 30px 80px 30px;
    margin-top: 45px;
}

.testimnial4 .client-img {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.testimnial4 .owl-nav .owl-prev,
.testimnial4 .owl-nav .owl-next {
    position: absolute;
    bottom: 6%;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    /*opacity: 0;*/
    transition: 0.65s;
}

/*.testimnial4:hover .owl-nav .owl-prev,.testimnial4:hover .owl-nav .owl-next,
.testimnial4:focus .owl-nav .owl-prev,.testimnial4:focus .owl-nav .owl-next{
    opacity: 1
}*/
.testimnial4 .owl-nav .owl-prev {
    left: 47%;
    transform: translate(-50%, 0px);
}

.testimnial4 .owl-nav .owl-next {
    left: 52%;
    transform: translate(-50%, 0px);
}

.bb {
    height: 5px;
    background: var(--primary-color);
    display: inline-block;
    width: 50px;
    margin: 30px 0;
}

.testimnial4 .client-content p {
    width: 50%;
    display: inline-block;
    color: var(--secondary-color);
}

.testimnial4 .client-img img {
    border-radius: 90px;
    box-shadow: 0 0 3px 0 var(--primary-color);
}

.testimnial4 .client-content h4 {
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 22px;
}

.testimnial4 .client-content span {
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 16px;
}

.testimonial5 .client5-item {
    margin: 30px 30px 0;
}
.testimonial5{
    background-color: var(--background);
}

.testimonial5 .client5-description {
    background: #fff;
    padding: 30px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    margin-bottom: 30px;
    color: #5a5a5a;
    position: relative;
    transition: 0.85s;
}
.testimonial5 .client5-description::before {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 42px;
    border-top: 25px solid #c6c6c6;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    transition: 0.65s;
}
.testimonial5 .owl-item.center {}

.testimonial5 .client5-item:hover .client5-description,
.testimonial5 .owl-item.center .client5-item .client5-description  {
    background: var(--secondary-color);
    color: var(--white);
}

.testimonial5 .client5-item:hover .client5-description::before,
.testimonial5 .owl-item.center .client5-item .client5-description::before{
    border-top-color: var(--secondary-color);
}

.testimonial5 .client5-bottom {
    display: flex;
    align-items: center;
}

.testimonial5 .client5-bottom h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.testimonial5 .client5-bottom span {
    font-size: 16px;
    font-weight: 500;
}

.testimonial5 .client5-description i {
    position: absolute;
    right: 10px;
    top: -22px;
    font-size: 50px;
    color: #c3c3c3;
    transition: 0.55s;
}

.testimonial5 .client5-item:hover .client5-description i,
.testimonial5 .owl-item.center .client5-item .client5-description i {
    color: var(--primary-color);
}
.testimonial5 .owl-dots{
    text-align: center;
}
.testimonial5 .owl-dots .owl-dot {
    background-color: var(--secondary-color);
}
.testimonial5 .owl-dots .owl-dot.active{
    background-color: var(--primary-color);
}

.client5-img {
    position: relative;
    margin-right: 10px;
}
.client5-img img{
    width: 120px;
    height: 120px;
}

.client5-img:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 100%;
    border: 6px solid var(--primary-color);
}


/*banner2*/
.banner2-item {
    position: relative;
    overflow: hidden;
	height: 100%;
}

.banner2-item > img {
	position: absolute;
    height: 100%;
    object-fit: cover;
}

.banner2-content[class*="col"] {
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translate(30px, -50%); */
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: flex-start; */
	padding: 30px;
}

.banner2-content p {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.banner2-content h4 {
    text-transform: capitalize;
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 600;
}

.banner2-btn {
    padding: 7px 12px;
    background: transparent;
    text-transform: capitalize;
    border: 1px solid var(--primary-color);
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.banner2-effect {
    position: absolute;
    top: 0;
    left: -100%;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    transform: rotate(112deg);
    height: 100%;
    visibility: hidden;
    transition: 0.75s ease;
}

.banner2-item:hover .banner2-effect {
    left: 100%;
    visibility: visible;
}

/*banner section 4*/
.banner-section4 .banner2-content h4 {
    font-size: 50px;
    margin: 20px 0;
}

.banner-section4 .banner2-content .tag-line {
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    padding: 6px;
    border-radius: 3px;
}

#banner5 .banner2-content p {
    font-size: 16px;
    margin-bottom: 20px;
}


.banner-img {
    height: 240px;
    background-position: center;
    background-size: cover;
    background-repeat: repeat-y;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;

}

.banner-img:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.3s ease;
    visibility: hidden;
    transition: all 0.35s ease;
    height: 50px;
    border-radius: 100%;
}

.banner-img:hover:before {
    visibility: visible;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-color: rgba(255, 255, 255, 0.2);
}

.banner-img:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.banners .banner-content h4 {
    /* font-size: 70px; */
}





/*insta-gallery*/
/* Popup Styling */
.gallery-popup .img-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 99;
}

.gallery-popup .img-popup img {
    width: 100%;
    max-width: 600px;
    opacity: 600px;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
}

.gallery-popup .close-btn {
    width: 35px;
    height: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.gallery-popup .close-btn .bar {
    height: 4px;
    background: #333;
}

.gallery-popup .close-btn .bar:nth-child(1) {
    transform: rotate(45deg);
}

.close-btn .bar:nth-child(2) {
    transform: translateY(-4px) rotate(-45deg);
}

.gallery-popup .opened {
    display: flex;
}

.gallery-popup .opened img {
    animation: animatepopup 1s ease-in-out .8s;
    -webkit-animation: animatepopup .3s ease-in-out forwards;
}

@keyframes animatepopup {

    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

}

/*@media screen and (max-width: 880px) {

  .container .container__img-holder:nth-child(3n+1) {
    margin-left: 16px;
  }

}*/


.gallery {
    overflow: hidden;
    position: relative;
}

.gallery:hover .insta-overlay,
.gallery:focus-within .insta-overlay,
.gallery .insta-overlay:focus {
    visibility: visible;
    opacity: 1;
}

.insta-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: 0.65s;
}

.insta-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.insta-icon a {
    text-decoration: none;
    font-size: 30px;
}



/*blog*/
.post-item:hover .blog-effect,
.post-item:focus-within .blog-effect {
    visibility: visible;
    opacity: 1;
}

.blog-effect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    transition: 0.65s;
    opacity: 0;
}

.blog-effect a:hover,
.blog-effect a:focus-within {
    color: var(--primary-color);
}

.blog-effect a {
    font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transition: 0.65s;
}

.post-item {
    padding: 15px;
    border: 1px solid #fdf9f2;
    transition: all 0.75s ease;
    position: relative;
    height: 100%;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.post-item .post-image {
    overflow: hidden;
    position: relative;
    box-shadow: 0px 4px 8px -2px var(--secondary-color)59;
}



.post-item .post-meta .author-name i,
.post-meta .post-comment i,
.post-date i,
.admin-name i {
    margin-right: 5px;
    font-size: 14px;
}

.post-item .post-meta {
    margin-bottom: 20px;
}

.post-item .post-meta a {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none;
}

.author-name {
    margin-right: 10px;
    padding-right: 10px;
    /*border-right: 1px solid #eee;*/
}

.post-item .post-content .post-title a {
    font-size: 22px;
    font-weight: 600;
    transition: 0.35s;
    text-decoration: none;
}

.post-item .post-content p {
    font-size: 16px;
    font-weight: 400;
}

.post-item .post-content .btn-readmore {
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.post-item .post-content .btn-readmore i {
    margin-left: 5px;
    margin-top: 0px;
    vertical-align: middle;
}

.post-details {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-transform: capitalize;
    transition: 0.65s;
}

.blog-one .btn-readmore {
    float: left;
}

.blog-one .post-details {
    /* float: right; */
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0;
}
#blog4 .post-details {
	text-align: center;	
}
.blog-one .post-details a, #blog4 .post-details a {
	color:#ffffff;
}
#blog4 .post-details a >span {
	display: block;
}

.blog-one .post-details .post-date {
    font-size: 20px;
	display: block;
}

.post-bottom {
    display: flex;
    justify-content: space-between;
}

.blog-section .wt-image {
    background-color: #fdf9f2;
    text-align: center;
    display: flex;
    align-items: center;
}

.admin-name {
    margin-right: 10px;
}

.wt-image .btn-readmore {
    text-align: center;
}

.wt-image .author img {
    width: 40px;
    height: 40px;
}

.btn-post {
    margin-bottom: 30px;
}

.blog-three .post-content a.btn-readmore {
    float: left;
}

.blog-three .post-content .post-meta.bottom {
    float: right;
}

.blog-five .post-content a.btn-readmore {
    float: left;
}

.blog-five .post-content .author-name {
    float: right;
}

.blog-five .post-content .author-name .author.meta-info {
    display: flex;
    align-items: center;
}

.blog-five .post-content .author-name .author.meta-info .author-name {
    color: var(--secondary-color);
    font-weight: 500;
    margin-left: 5px;
}

.blog-five .post-content .author-name .author.meta-info img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
}


#blog4 .post-item .post-content .btn-readmore i {
    margin-top: 3px;
}

#blog4 .post-item .post-content .btn-readmore {
    color: var(--secondary-color);
    font-weight: 700;
    transition: 0.35s;
}

#blog4 .post-item .post-content .btn-readmore:hover,
#blog4 .post-item .post-content .btn-readmore:focus {
    color: var(--primary-color);
}

#blog4 .post-details {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

#blog4 .post-item .post-image {
    border-radius: 4px;
}


/*blog5*/
.blog-five .post-meta {
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 8px;
}

.blog-five .author-name,
.blog-five .post-date {
    margin-right: 10px;
    padding: 0;
}

.blog-five .author-name,
.blog-five .post-date {
    margin-right: 10px;
    padding: 0;
}

.post-section.blog-five .post-meta a {
    color: var(--white);
}

.blog-five .post-meta a,
.blog-five .post-meta a {
    color: #fff;
    transition: 0.35s;
}

.blog-five .post-meta a:hover,
.blog-five .post-meta a:hover,
.blog-five .post-meta a:focus-within,
.blog-five .post-meta a:focus-within {
    color: var(--primary-color);
}

.blog-five .post-item {
    height: auto;
    margin-bottom: 25px;
}

/*single-blog*/
.blog-headline {
    background: #fdf9f2;
    border-left: 5px solid var(--primary-color);
    padding: 20px;
    margin: 0;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.blog-headline p {
    margin: 0;
}

#single-content {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #EEE;
    padding: 10px 0 20px;
}

/*comments*/
#comments {
    padding: 50px 0;
}

#comments .comments-title h3 {
    font-size: 30px;
    font-weight: 600;
    color: var(--secondary-color);
}

.comment-list,
.children {
    list-style: none;
}

.comments-area .comment-body {
    position: relative;
    padding: 0px 30px 30px 130px;
    min-height: 120px;
    word-wrap: break-word;
    border-radius: 3px;
    z-index: 0;
    margin-bottom: 60px;
}

.comments-area .comment-meta .comment-author,
.comment-meta .comment-metadata {
    line-height: 1.5;
    font-size: 16px;
    display: inline-block;
}

.comments-area .comment-meta .comment-author img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 6px;
    width: 90px;
    height: 90px;
    border-radius: 100px;
}

.url {
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-color);
}

.url:hover {
    color: var(--primary-color);
}

.comment-awaiting-moderation {
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.comment-metadata a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
    word-break: break-all;
}

.comment-metadata a:hover {
    color: var(--primary-color);
}

.comment-content {
    float: left;
}

.reply {
    float: right;
}

.comment-reply-link {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    position: relative;
}
.comment-reply-link::before{
    content: "\f112";
    font-family: fontawesome;
    margin-right: 5px;
}

#respond .comment-form .comment-form-author input[type='text']::placeholder {
    color: #000;
}

#respond .comment-form .comment-form-email input[type='email']::placeholder {
    color: #000;
}

#respond .comment-form .comment-form-subject input[type='text']::placeholder {
    color: #000;
}

#respond .comment-form .comment-form-comment textarea::placeholder {
    color: #000;
}

#respond .comment-form .comment-form-author input[type='text'],
#respond .comment-form .comment-form-url input[type='url'],
#respond .comment-form .comment-form-email input[type='email'] {
    background: #fff;
    width: 100%;
    color: var(--secondary-color);
    outline: none;
    border: none;
    padding: 10px;
}

#respond .comment-form .comment-form-subject input[type='text'] {
    background: #fff;
    width: 100%;
    color: var(--secondary-color);
    outline: none;
    border: none;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 15px;
}

#respond .comment-form .form-submit input[type='submit'] {
    background: var(--primary-color);
    padding: 10px;
    border: none;
    color: var(--secondary-color);
    font-weight: 600;
}

.comment-form-comment textarea {
    width: 100%;
    outline: none;
    border: none;
    padding: 10px;
}

#respond {
    padding: 40px 30px !important;
    background: color-mix(in srgb, var(--primary-color) 20%, transparent) !important;
}

#reply-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}

.comment-respond .comment-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-url,
.comment-respond .comment-form .comment-form-email {
    width: 48.5%;
    /* margin-bottom: 0; */
}

.comment-respond .comment-form .comment-form-subject,
.comment-respond .comment-form .comment-form-comment,
.comment-respond .comment-form .comment-form-cookies-consent {
    width: 100%;
}



#single-content .side-content h5 {
    font-size: 24px;
    font-weight: 700;
}

@media (min-width: 992px) {

    .single-img,
    .side-content {
        flex: 0 0 auto;
        width: 50%;
    }
}

#single-content .tag-cloud-link {
    padding: 5px 10px;
    display: inline-block;
    color: var(--secondary-color);
    text-decoration: none;
    box-shadow: 0 0 10px -5px var(--primary-color);
    transition: 0.85s;
    margin-right: 10px;
    margin-left: 10px;
    font-weight: 500;
}

#single-content .tag-cloud-link:hover {
    background-color: var(--primary-color);
    color: #fff;
}

#single-content .widget_tag_cloud,
#single-content .widget_social_widget {
    display: flex;
    align-items: center;
    width: 50%;
}

#single-content .widget_social_widget {
    justify-content: end;
}

#single-content .widget_social_widget ul {
    margin-left: 10px;
}

#single-content .widget_tag_cloud h4,
#single-content .widget_social_widget h4 {
    font-size: 22px;
    font-weight: 700;
}

.sponsor {
    background-color: #fdf9f2;
    padding: 30px 0px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    position: relative;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: all;
}
.sponsor-section .owl-item:last-child .sponsor{
    border-right: none;
}

#sponsor5:hover .sponsor:before,
#sponsor5:focus .sponsor:before {
    backdrop-filter: grayscale(100%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: rgba(255, 255, 255, 0.5);*/

}

/*#sponsor5 .sponsor:hover{
    filter: grayscale(0%);
}*/
.sponsor:hover .zoom,
.categories-item:hover .zoom,
.progress-item:hover .zoom,
.gallery:hover .zoom,
.post-item:hover .zoom,
.banner-item:hover .zoom,
.banner2-item:hover .zoom,
.sponsor:focus .zoom,
.categories-item:focus .zoom,
.categories-item.active .zoom,
.progress-item:focus .zoom,
.gallery:focus .zoom,
.post-item:focus .zoom,
.banner-item:focus .zoom,
.banner2-item:focus .zoom {
    transform: scale(1.1);
    transition: 0.3s ease;
}

.zoom {
    transition: 0.55s;
}

/*footer*/
.contact-info .title {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0px;
}

.contact-info p {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px;
}

.footer-top .widget_mail {
    display: flex;
    align-items: center;
}

.footer-one .footer-top .mail-form {
    background: rgba(0, 0, 0, 0.4);
}

#footer-section.footer-one .footer-top input {
    background: none;
}

.footer-section {
	z-index:0;
	position: relative;
}

.footer-section::before {
	position: absolute;
	content: '';
	inset: 0;
	z-index: -1;
}

.footer-section .widget_nav_menu .menu li a {
    color: var(--white);
}

.footer-middle-wrapper {
	border-bottom: 1px solid #5a5a5a;
}

.footer-one .footer-content .col-lg-3 {
    margin-bottom: 25px;
}

.footer-top .mail-form {
    width: 57%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 30px;
    height: 50px;
}

.footer-top .mail-form label {
    width: 100%;
	margin-bottom: 0;
}

.footer-top .mail-form button {
    width: 13%;
    border: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 7px 14px;
    border-left: 1px solid #9f9c9c;
    border-radius: 0px;
    height: 50px;
}

.footer-top input[type='email'] {
    border: none;
    outline: none;
    width: 100%;
    padding: 15px 14px;
    height: 50px;
    background: rgba(255, 255, 255, 0.4);
}

.post-items {
    display: flex;
}

.footer-top,
.footer-content,
.footer-contact,
.footer-middle {
    padding: 30px 0;
    border-bottom: 1px solid #5a5a5a;
}

.footer-copyright {
    padding: 15px;
}

.footer-section .footer-copyright .widget_nav_menu {
	margin-bottom: 0;
}

.footer-section .spanco-subscription { flex: 1; }

.footer-section [class*='col-'] { margin-bottom: 0; }

.text-info span {
    font-size: 16px;
    font-weight: 400;
}

.footer-copyright .widget_payment_methods .payment_methods:not(.footer-one .footer-copyright .widget_payment_methods .payment_methods) {
    float: right;
}

.payment_methods {
    list-style: none;
    padding: 0;
}

.payment_methods li {
    display: inline-block;
    margin-right: 5px;
}

.payment_methods li a {
    text-decoration: none;
    font-size: 35px;
    transition: 0.65s;
    display: inline-block;
}

.widget_nav_menu h4,
.widget_latest_posts h4,
#footer-section4 .widget_social_widget h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}

.footer-one .footer-widgets h4.widget-title,
.footer-2 .footer-widgets h4.widget-title {
    background-color: var(--secondary-color);
    border-left: 2px solid var(--primary-color);
    padding: 10px;
}

.widget_nav_menu h4 i,
.widget_latest_posts h4 i,
#footer-section4 .widget_social_widget h4 i {
    font-size: 16px;
    margin-top: 5px;
}

.widget_nav_menu ul {
    list-style: none;
    padding: 0px;
}

.footer-widgets .widget_nav_menu ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.footer-widgets .widget_nav_menu ul li a {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 0 2px;
}

.footer-widgets .widget_nav_menu .footer-gallery li a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: 0.65s;
}

.footer-widgets .widget_nav_menu ul li a:hover:before {
    opacity: 1;
}


.widget_nav_menu ul li a:hover {
    text-decoration: underline;
}

.widget_nav_menu ul li a {
    text-decoration: none;
    transition: 0.55s;
}

.widget_nav_menu ul li a i {
    margin-right: 5px;
}

.widget_latest_posts .post-date h6 a {
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
}

.widget_latest_posts time {
    font-size: 16px;
    font-weight: 500;
}

.latest_posts .post-image {
    margin-right: 10px;
}

.widget_latest_posts .latest_posts {
    padding: 0 0 15px;
}

.widget_latest_posts .latest_posts>figure {
    margin: 0 15px 0 0
}

.offer-text {
    text-align: center;
    padding: 50px 20px;
    border: 1px dashed var(--primary-color);
}

.offer-poster {
    background: rgba(255, 255, 255, 0.4);
    padding: 10px;
}

.offer-text h5 {
    font-size: 36px;
    font-weight: 700;
}

.offer-text h5 span {
    font-size: 50px;
    margin: 0px;
}

.offer-text p {
    color: #fff;
}

.footer-one .contact-area {
    display: flex;
    align-items: center;
}

.footer-one .contact-area:hover .contact-icon i {
    animation: tada 2s infinite;
}

.brand p.copyright-text,
.brand a {
    margin: 0;
}

.contact-icon {
    min-width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    transition: all 0.5s ease;
    border-radius: 100%;
	margin-right: 10px;
}

.contact-area:hover .contact-icon i,
.contact-area:focus-within .contact-icon i {
    animation: tada 2s infinite;
}

.contact-info .text a {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.5s ease;
}

.contact-info .text span {
    display: block;
    color: var(--primary-color);
}


.map-section .map{
    line-height: 0;
}


.brand ul {
    list-style: none;
    padding: 0px;
    float: right;
}

.text-center .brand ul {
	float: none;
}

.brand ul li {
    display: inline-block;
    margin-left: 30px;
}

.brand a {
    text-decoration: underline;
    font-size: 16px;
	color: var(--primary-color);
}

.brand a:hover,
.brand a:focus-within {
    text-decoration: dotted underline;
}

.featured-image {
    position: relative;
    overflow: hidden;
}

.post-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    transition: 0.65s;
}

.post-items:hover .post-hover {
    opacity: 1;
}

.contact-area {
    margin-bottom: 5px;
}

#footer-section3 .footer-content .featured-image a img {
    width: 60px;
    height: 60px;
}

#footer-section3 .footer-top .mail-form button,
#footer-section4 .footer-top .mail-form button {
    width: 30%;
    border: none;
    background: var(--primary-color);
    padding: 12px 10px;
    border-left: 1px solid #9f9c9c;
    border-radius: 0px;
    color: #fff;
    font-weight: 600;
    height: 50px;
}

#footer-section3 .footer-top .mail-form label {
    width: 86%;
    margin: 0;
}

.widget_nav_menu .timing-open {
    padding: 0;
    list-style: none;
}

.widget_nav_menu .timing-open li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #565252;
}

#footer-section4 .footer-top .mail-form {
    width: 70%;
}

.footer-4 .mail-form label {
    margin: 0;
}


#footer-section5 .widget_mail .mail-form {
    background: transparent;
    width: 100%;
    margin: 0;
    justify-content: space-between;
}

#footer-section5 .widget_mail .mail-form ::placeholder {
    color: var(--secondary-color);
}

#footer-section5 .widget_mail .mail-form label {
    width: 78%;
    display: flex;
    justify-content: space-between;
}

#footer-section5 .widget_mail .mail-form input[type='text'],
#footer-section5 .widget_mail .mail-form input[type='email'] {
    background: #fff;
    width: 48%;
    padding: 12px;
    border: none;
    outline: none;
    color: var(--secondary-color);
    box-shadow: 0 0 5px -3px var(--primary-color);
}

#footer-section5 .widget_mail .mail-form button {
    border: none;
    background: var(--primary-color);
    color: #fff;
    padding: 12px;
    width: 19%;
    font-weight: 600;
    transition: 0.85;
}

#footer-section5 .widget_mail .mail-form button:hover {
    background-color: var(--secondary-color);
}

#footer-section5 .menu {
    margin-right: 10px;
}

#footer-section5 .widget_nav_menu ul li a {
    font-weight: 600;
    transition: 0.65s;
}

#footer-section5 .widget_nav_menu ul li a:hover,
#footer-section5 .widget_nav_menu ul li a:focus-within {
    transform: scale(1.1);
}

#footer-section5 .contact-area {
    display: flex;
    align-items: center;
}

#footer-section5 .footer-copyright {
    padding: 15px 0;
}

#footer-section5 .footer-top,
#footer-section5 .footer-content,
#footer-section5 .footer-contact,
#footer-section5 .footer-copyright {
    border: none;
}

#footer-section5 .footer-content .footer-widgets {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0;
}

#footer-section5 .footer-content {
    padding: 0;
}



/*scrolling button*/
#scrollup {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: none;
    text-align: center;
    border-radius: 0px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}


#scrollup:hover {
    cursor: pointer;
}

#scrollup.show {
    opacity: 1;
    visibility: visible;
}





/*CTA*/

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-20px);
    }

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

.cta-image img {
    animation: float 5s infinite;
}

.cta-detaile>span {
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
}

.cta-detaile h4 {
    font-size: 65px;
    text-transform: capitalize;
    font-weight: 500;
}

.cta-detaile p {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
}


/*cta4*/
.cta-4 .cta-bg {
    padding: 0 30px;
}


.cta-4 .cta-detail .icon-cta > .sale-off {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cta-4 .cta-detail .icon-cta > .sale-off span {
    line-height: 1;
}

.icon-cta svg {
    width: 150px;
    height: 150px;
    transform: rotate(366deg);
    animation: roundh 5s linear infinite;
}
@keyframes roundh {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

.cta-4 .cta-detail h5 {
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.cta-4 .cta-detail {
    display: flex;
    align-items: center;
}
.icon-cta {
    position: relative;
    margin-right: 15px;
}

.cta-4 .cta-bg {
    justify-content: space-between;
    padding: 30px;
}

.cta-4 .button-cta .btn-cta {
    background-color: #fff;
    border-radius: 4px;
    color: var(--primary-color);
    border: 1px solid #fff;
}

.cta-4 .button-cta .btn-cta:hover {
    color: #fff;
}

.cta-4 .icon-cta a {
    border: 1px solid #fff;
    line-height: 70px;
}

.cta4-img {
    padding: 0px 20px;
    overflow: hidden;
}

#cta5 .cta-detail {
    width: 80%;
}

.cta-4 .cta4-img>img {
    transition: 0.65s;
    width: 100%;
}

.bg-cta2:hover .cta4-img>img {
    transform: scale(1.1);
}

/*recent-work*/
.recent-news .owl-nav {
    position: absolute;
    top: -20%;
    right: 0;
}

.recent-news .owl-nav .owl-prev,
.recent-news .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.top-news h5 {
    font-size: 45px;
    font-weight: 700;
    text-transform: capitalize;
}

/*.top-news h5{
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}*/
.recent-news .post-item {
    background-color: transparent;
    padding: 0;
}

.recent-news .post-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 350px;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0;
}
.recent-news .post-image img{
	height: auto;
}

.recent-news .post-image:after {
    content: '';
    position: absolute;
    border: 1px solid #eee;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 0;
    background: none;
}

.recent-news .post-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.recent-news .post-meta {
    margin: 0 0 10px;
}


.post-categories a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    float: right;
}

.recent-news .slide-text-btn {
    float: left;
}

.post-content {
    position: relative;
    z-index: 2;
}

.news-content h3 {
    font-size: 24px;
    font-weight: 700;
}

.news-content p {
    font-size: 16px;
    font-weight: 500;
}

.recent-news .widget_custom_html .mail-form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.recent-news .widget_custom_html .mail-form label {
    width: 100%;
}

.recent-news .widget_custom_html span {
    font-size: 16px;
    font-weight: 700;
}

.recent-news .widget_custom_html .widget-title {
    font-size: 36px;
    font-weight: 600;
}

.recent-news .widget_custom_html {
    padding: 40px;
    height: 100%;
}

.recent-news input[type='text'],
.recent-news input[type='email'] {
    background: #fdf8f2;
    width: 100%;
    padding: 12px 10px;
    margin-bottom: 30px;
    outline: none;
    border: none;
}

.recent-news button[type='submit'] {
    /*background: var(--primary-color);*/
    /* width: 35%; */
    padding: 12px 10px;
    margin-bottom: 30px;
    border: none;
    color: #fff;
    font-weight: 600;
}

.more-link {
	color: var(--primary-color);
}


/*deal*/
.deal-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.deal-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.deal-item {
    padding: 30px;
    height: 360px;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(4px);
}

.deal-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(5);
    opacity: 0;
    transition: all 0.5s;
    z-index: -1;
}

.deal-item:hover:before {
    transform: scale(1);
    opacity: 1;
}

.bestdeal-content .price-detail {
    margin-bottom: 15px;
}

.bestdeal-content {
    position: relative;
    padding: 30px 30px 0;
}

.bestdeal-content p {
    margin-bottom: 15px;
}

.deal-section .bestdeal-content h4 {
    font-size: 28px;
    font-weight: 600;
}

.deal-section .price-detail span {
    font-size: 20px;
    font-weight: 700;
}

.deal-section .dogmaa_ct-timer>span {
    background-color: var(--primary-color)

}

/*pricing*/
.pricing {
    padding: 30px;
    box-shadow: rgba(246, 171, 74, 0.15) 0px 5px 15px 0px;
    text-align: center;
    transition: all 0.65s;
    margin-bottom: 25px;
}

.pricing:hover .pricing-icon,
.pricing:focus-within .pricing-icon {
    color: var(--primary-color);
}

.pricing:hover h1,
.pricing:focus-within h1 {
    color: var(--primary-color);
}

.pricing:hover h2.price,
.pricing:focus-within h2.price {
    color: var(--primary-color);
}

.pricing h1 {
    transition: 0.65s;
}

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

.pricing-icon {
    font-size: 35px;
    transition: 0.65s;
}

.pricing ul {
    padding: 0;
    list-style: none;
}

.pricing ul li {
    font-weight: 600;
    margin-bottom: 10px;

}

h2.price sub {
    bottom: 0;
    font-size: 18px;
}

h2.price {
    margin-bottom: 15px;
    transition: 0.65s;
}











/*testimonial*/
.section-testimonial .owl-nav button.owl-next,
.section-testimonial .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 40px;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    border: none;
    background-color: var(--primary-color);
    color: var(--secondary-color);
    transition: 0.65s;
}

.section-testimonial .owl-nav button.owl-next:hover,
.section-testimonial .owl-nav button.owl-next:focus-within,
.section-testimonial .owl-nav button.owl-prev:hover,
.section-testimonial .owl-nav button.owl-prev:focus-within {
    background-color: var(--secondary-color);
    color: var(--white);
}

.section-testimonial .owl-nav button.owl-next {
    right: 20px;
}

.section-testimonial .owl-nav button.owl-prev {
    left: 20px;
}

.section-testimonial .owl-dots {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}




.client-img img {
    width: 90px;
    height: 90px;
}

.section-testimonial .owl-carousel .owl-item img {
    display: inline-block;
    border-radius: 50%;
}

.section-testimonial .content-client h4 {
    font-size: 30px;
    font-weight: 700;
}

.section-testimonial .content-client p {
    position: relative;
}

.section-testimonial .content-client p i {
    font-size: 30px;
    position: absolute;
    left: -15px;
    top: -8px;
}

/*news letter*/
.news-letter {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    padding: 80px 0;
    /*height: 370px;*/
    display: flex;
    align-items: center;
}

.news-letter:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

#newsletter2 .custom-html-widget .mail-form {
    width: 49%;
    display: flex;
}

.news-letter .custom-html-widget .widget_mail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*news*/
.news-letter .custom-html-widget {
    position: relative;
}

.news-letter .custom-html-widget .widget-title {
    font-size: 35px;
    font-weight: 700;
}

.text_mail,
.mail-form:not(.newsform-inner .mail-form, .recent-news .mail-form) {
    width: 49%;
    display: flex;
    align-items: center;
}

.text_mail .mail-description {
    width: 80%;
}

/*.news-letter .custom-html-widget .widget_mail{display: flex;align-items: center;}*/
.news-letter .custom-html-widget .mail-form label {
    width: 70%;
}

.news-letter .custom-html-widget input[type='email'] {
    outline: none;
    border: none;
    border-radius: 0;
    padding: 14px 10px;
    width: 100%;
    color: var(--secondary-color);
}

.news-letter .custom-html-widget button[type='submit'] {
    border: none;
    border-radius: 0;
    padding: 12px 10px;
    width: 30%;
    /*background: var(--primary-color);*/
    color: #fff;
    margin-left: 30px;
    position: relative;

}




/*Before Lunch Working
Dogma Project
1.Check responsive
2.Menu Dropdown five */




.item1 {
    grid-area: header;
}

.item2 {
    grid-area: menu;
}

.item3 {
    grid-area: minu;
}

.item4 {
    grid-area: right;
}

.item5 {
    grid-area: footer;
}

/*.gallery-section .gallery2,.gallery-section3 .gallery2{position: relative;overflow: hidden;}
.gallery-section .gallery2-effect,.gallery-section3 .gallery3-effect{
    position: absolute;
    top: 100%;
    left: 100%;
    right: 100%;
    bottom: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    transition: 0.85s;
}
.gallery-section .gallery2:hover .gallery2-effect,.gallery-section3 .gallery2:hover .gallery3-effect{visibility: visible;top: 0;left: 0;right: 0;bottom: 0;}
.gallery-section .gallery2-effect a,.gallery-section3 .gallery3-effect a{color: #fff;font-size: 30px;}
.gallery-section .gallery2-effect a:hover,.gallery-section3 .gallery3-effect a:hover{color: var(--primary-color);}*/


.gallery-section .gallery2,
.gallery-section3 .gallery2 {
    position: relative;
    overflow: hidden;
}

.gallery-section .gallery2:before,
.gallery-section3 .gallery2:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 100%;
    right: 100%;
    bottom: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    visibility: hidden;
    transition: 0.55s;
}

/*.gallery-section .gallery2 img{height: 100%;}*/
.gallery2:hover .gallery2-effect,
.gallery-section3 .gallery2:hover .gallery3-effect {
    visibility: visible;
}

.gallery2 .gallery2-effect,
.gallery2 .gallery3-effect {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    transition: 0.25s;
}

.gallery-section .gallery2:hover:before,
.gallery-section3 .gallery2:hover:before {
    visibility: visible;
    top: 0;
    left: 0;
    right: 0;
    bottom: 5px;
}

.gallery-section .gallery2-effect a,
.gallery-section3 .gallery3-effect a {
    color: #fff;
    font-size: 30px;
}

.gallery-section .gallery2-effect a:hover,
.gallery-section3 .gallery3-effect a:hover {
    color: var(--primary-color);
}


.gallery-section .grid-container {
    display: grid;
    grid-template-areas: "header header minu minu right right" "menu menu minu minu footer footer";
    gap: 30px;
}






/*footer*/
.footer-gallery li {
    display: inline-block;
    width: 80px;
    margin-right: 10px;
}


.footer-section2 .footer-top .contact-icon {
    border-radius: 60px;
}

.footer-section2 .footer-top .contact-info p {
    font-size: 16px;
    font-weight: 300;
}

.footer-content .contact-icon {
    width: 30px;
    height: 30px;
    border-radius: 0;
    font-size: 16px;
}

.footer-content .contact-info .text a {
    font-size: 16px;
}

.footer-section2 .footer-top .contact-area {
    display: flex;
    align-items: center;
}

.footer-section2 .footer-top .contact-area .contact-icon {
    flex-shrink: 0;
}

.footer-section2 .footer-top .contact-area .contact-info {
    flex-grow: 1;
}

.footer-section2 .footer-top .contact-area:hover .contact-icon {
    background-color: var(--primary-color);
}

.footer-section2 .footer-top .contact-area:hover .contact-info .text a {
    color: var(--primary-color);
}

.footer-section2 .footer-content .contact-area {
    display: flex;
}

.footer-section2 .footer-content .contact-area:hover .contact-icon {
    background-color: rgba(246, 171, 74, 0.7);
}

.footer-section2 .footer-content .contact-area:hover .contact-info .text a {
    color: var(--primary-color);
}




.header-three .above-header {
    background-color: var(--primary-color);
    padding: 10px 0;
}

.header-three .main-navigation-area {
    border-bottom: 1px solid #858585;
}

.contact-detail-top {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-detail-top li {
    display: inline-block;
    margin-left: 10px;
}

.contact-detail-top li a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    transition: 0.65s;
}

.contact-detail-top li a:hover,
.contact-detail-top li a:focus-within {
    color: var(--secondary-color);
}

/*.contact-detail-top li a:nth-child(3){border: none;}*/
.contact-detail-top li a i {
    margin-right: 5px;
}



.slider_three .slide-text-wrapper {
    text-align: left;
}

.slider5-img img {
    width: 100%;
    display: block;
}

.categories3 .categories-img {
    border-radius: 50%;
    margin-bottom: 30px;
}

.categories3 .categ-main-overlay {
    top: 70%;
    background-color: var(--primary-color);
    visibility: visible;
    transition: 0.1s;
}

.categories3 .categories-item:hover .categ-main-overlay {
    top: 0px;
    background-color: rgba(0, 0, 0, 0.7);
}

.categories3 .categories-item .hover-logo {
    top: 0px;
    transition: 0.35s;
}

.categories3 .hover-logo {
    position: relative;
}

.categories3 .hover-logo a {
    font-size: 20px;
    color: var(--secondary-color);
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 600;
    transition: 0.65s;
}

.categories3 .categories-item:hover .hover-logo a,
.categories3 .categories-item:focus .hover-logo a {
    color: var(--white);
}


.featured-product .product:not(.type-product),
.woocommerce-shop .product:not(.type-product), .woocommerce-page.woocommerce .product:not(.type-product) {
    background: var(--white);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.featured-product .product:not(.type-product):before,
.woocommerce-shop .product:not(.type-product):before, .woocommerce-page.woocommerce .product:not(.type-product):before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    top: 0;
    background-color: var(--primary-color);
    transition: 0.55s;
}

.featured-product .product:not(.type-product):hover:before,
.woocommerce-shop .product:not(.type-product):hover:before, .woocommerce-page.woocommerce .product:not(.type-product):hover:before {
    bottom: 0;
}

.featured-product .product:not(.type-product):hover .sale-ribbon,
.woocommerce-shop .product:not(.type-product):hover .sale-ribbon,
.woocommerce-page.woocommerce .product:not(.type-product):hover .sale-ribbon,
.featured-product .product:not(.type-product):focus .sale-ribbon,
.woocommerce-shop .product:not(.type-product):focus .sale-ribbon,
.woocommerce-page.woocommerce .product:not(.type-product):focus .sale-ribbon{
    background-color: var(--secondary-color);

}

.featured-product .product-content,
.woocommerce-shop .product-content, .woocommerce-page.woocommerce .product-content {
    background-color: #fdf8f2;
    padding: 15px;
    position: relative;
}

.featured-product .product-img,
.woocommerce-shop .product-img, .woocommerce-page.woocommerce .product-img {
    margin-bottom: 0;
    background-color: transparent;
}

.featured-product .product-action a,
.woocommerce-shop .product-action a, .woocommerce-page.woocommerce .product-action a {
    width: auto;
    height: 40px;
    border-radius: 0;
    border: none;
    margin: 0 5px;
    visibility: visible;
    line-height: 40px;
	overflow: hidden;
}

.featured-product .product-content p,
.woocommerce-shop .product-content p {
    margin: 3px 0 8px 0;
}

.featured-product .product-action,
.woocommerce-shop .product-action {
    display: flex;
    justify-content: center;
    visibility: hidden;

}

.featured-product .product:not(.type-product):hover .product-action ,
.woocommerce-shop .product:not(.type-product):hover .product-action {
    visibility: visible;
}

.banner_wrap {
    position: relative;
    border: 10px solid var(--white);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    transition: 0.65s;
}
.banner_wrap:hover,.banner_wrap:focus {
    border-color: var(--primary-color);
}

.featured-product .banner_content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.featured-product .banner_content h5 {
    transform: rotate(90deg);
    font-size: 70px;
    color: #fff;
    font-weight: 700;
}

.product-tab-filter a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    margin-left: 10px;
    color: var(--secondary-color);
    background-color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 10px;
}

.product-tab-filter {
    text-align: end;
    margin-top: 10px;
}

.product-tab-filter a.active {
    background-color: var(--secondary-color);
    color: var(--white);
}

.featured-product .section-title .main-title {
    background: var(--primary-color);
    display: inline-block;
    padding: 15px 20px;
    font-size: 26px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}

.featured-product .section-title .main-title::before,
.featured-product .section-title .main-title::after {
    content: "\f1b0";
    position: absolute;
    font-family: fontawesome;
    z-index: -1;
}

.featured-product .section-title .main-title::before {
    right: -21px;
    top: -26px;
    transform: rotate(45deg);
}

.featured-product .section-title .main-title::after {
    right: 5px;
    top: -28px;
    transform: rotate(0deg);
    font-size: 21px;
}


.featured-product.feature_section{
    background-color: var(--white);
}
.featured-product{
    padding: 80px 0 55px;
}





/*funfact3*/
.funfacts3 .funfact-item,
.funfact-one .funfact-item {
    position: relative;
    overflow: hidden;
}

.funfacts3 .funfact-item:before,
.funfact-one .funfact-item:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    transition: 0.65s;
}

.funfacts3 .funfact-item:hover:before,
.funfact-one .funfact-item:hover:before,
.funfacts3 .funfact-item:focus-within:before,
.funfact-one .funfact-item:focus-within:before {
    top: 0;
}

.funfacts3 .content-funfact span,
.funfact-one .content-funfact span {
    font-size: 30px;
    position: relative;
}

.funfacts3 .content-funfact h5,
.funfact-one .content-funfact h5 {
    font-size: 35px;
    position: relative;
}

.funfacts3 .funfact-icon,
.funfact-one .funfact-icon {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    line-height: 150px;
    background: #fff;
    position: relative;
}

.banner2-section .banner2-content span {
    font-size: 18px;
    font-weight: 700;
}

.banner2-section [class*='col-'] {
	margin-bottom: 15px;
}


/*cta*/
.icon-cta a {
    width: 75px;
    height: 75px;
    border-radius: 75px;
    display: block;
    text-align: center;
    line-height: 75px;
    font-size: 36px;
    margin-right: 20px;
    transition: 0.65s;
    animation: wave 1s infinite;
}

.cta-4 .icon-cta a {
    animation: wave2 1s infinite;
}

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

.cta-img{
    height: 100%;
}
.cta-bg {
	background-color: #fdf9f2;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px;
    flex-wrap: wrap;
}

.cta-detail h5 {
    font-weight: 700;
    font-size: 28px;
}

.cta-detail p {
    font-weight: 400;
    font-size: 16px;
}




/*subscribe news-letter*/
#news-letter3 {
    background: #fff;
}

#news-letter3:before {
    content: '';
    background: transparent;
}

.text_mail a {
    border-radius: 75px;
    display: block;
    text-align: center;
    line-height: 75px;
    font-size: 26px;
    margin: 10px 15px 0 0;

}

.text_mail p {
    margin: 0;
}

.text_mail a {
    height: 75px;
    width: 75px;
    color: #333;
    background: #fff;
    box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: 250ms color;
    -webkit-transition: 250ms color;
    -moz-transition: 250ms color;
    -ms-transition: 250ms color;
    -o-transition: 250ms color;
    animation-name: wave;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes wave {
    0% {
        box-shadow: 0 0 0px 0px rgba(246, 171, 74, 0.5);
    }

    100% {
        box-shadow: 0 0 0px 15px rgba(246, 171, 74, 0);
    }
}

@keyframes wave2 {
    0% {
        box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);
    }

    100% {
        box-shadow: 0 0 0px 15px rgba(255, 255, 255, 0);
    }
}

#news-letter3 .custom-html-widget {
    padding: 20px;
}



/*deal*/
.deal-home3 {
    background-color: var(--white);
}

.deal-home3 .content-bottom .product-action {
    display: flex;
    margin-bottom: 15px;
}

.deal-home3 .content-bottom .product-action a {
    visibility: visible;
    display: inline-block;
    border-radius: 0;
    text-align: center;
    margin: 0 15px 0 0;
}

.deal-home3 .content-bottom .product-action .add_to_cart_button {
    background: var(--primary-color);
    color: #fff;
}

.deal-home3 .content-bottom .product-action .add_to_cart_button:hover {
    background: #fdf9f2;
    color: var(--primary-color);
}


.main-deal-img {
    position: relative;
    overflow: hidden;
    transition: 0.85s;
    display: flex;
    justify-content: center;
}

.main-deal:hover .main-deal-img {
    transform: scale(1.1);
}

.main-deal .main-deal-img img {
    max-width: 100%;
    display: block;
}

.main-deal-img,
.main-deal-content {
    width: 100%;
}

.main-deal {
    background: var(--background);
    padding: 30px;
    display: flex;
    width: 100%;
    align-items: center;
}

.main-deal .content-top {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.main-deal .content-bottom .dogmaa_ct-timer span:nth-child(1) {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
}

.main-deal .content-bottom .dogmaa_ct-timer span:nth-child(2) {
    line-height: 2;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.main-deal .dogmaa_ct-timer>span {
    display: inline-flex;
    flex-direction: column;
    margin-right: 15px;

}

.main-deal .product-action .add_to_cart_button {
    width: 100px;
}


/*gallery3*/
.i-01 {
    grid-area: pic1;
}

.i-02 {
    grid-area: pic2;
}

.i-03 {
    grid-area: pic3;
}

.i-04 {
    grid-area: pic4;
}

.i-05 {
    grid-area: pic5;
}

.i-06 {
    grid-area: pic6;
}

.i-07 {
    grid-area: pic7;
}

.i-08 {
    grid-area: pic8;
}

.i-09 {
    grid-area: pic9;
}


.grid-container {
    display: grid;
    grid-template-areas: "pic2 pic2 pic1 pic3" "pic2 pic2 pic4 pic5" "pic6 pic7 pic8 pic9";
    gap: 30px;
}

/* .gallery-section3 .gallery2 img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.gallery-section3 .gallery2:hover img {
    -webkit-filter: blur(0);
    filter: blur(0);
} */

body:not(.home) .header-one + .pet-bazaar-content, body.home .header-one + .pet-bazaar-content:not(:has(.slider-section)) section:first-child {
	padding-top: 237px;
}

.breadcrumb-area {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* height: 300px; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	padding: 40px 0;
}

.header-one + .breadcrumb-area, .header-three + .breadcrumb-area {
	/* padding-top: 135px; */
}

@media (min-width: 992px) {
	.header-one + .breadcrumb-area {
		padding-top: 320px;
	}
	
	.header-three + .breadcrumb-area {
		padding-top: 190px;
	}
}

.breadcrumb-area:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0.3); */
}

.breadcrumb-area .breadcrumb-list {
    list-style: none;
    padding: 0;
}

.breadcrumb-area .breadcrumb-list i{
    color: #ffffff;
}

.breadcrumb-area .breadcrumb-list li {
    display: inline-block;
	color: var(--primary-color);
}

.breadcrumb-content {
    position: relative;
    width: 450px;
    height: 220px;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    left: 50%;
    transform: translate(-50%, 0px);
    padding: 30px;
	word-break: break-all;
}

.breadcrumb-heading h3 {
    font-size: 40px;
    font-weight: 600;
    color: var(--white);
    margin-bottom: 10px;
}

.breadcrumb-list a i {
    margin-left: 5px;
    margin-right: 5px;
}

.breadcrumb-list a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.breadcrumb-list a:hover {
    color: var(--primary-color);
}

.breadcrumb-list li:nth-child(2) {
    color: var(--primary-color);
    font-weight: 500;
}

/*about-us2*/
.about-img img {
    max-width: 100%;
}

#about-us2 .about2 span {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
}

#about-us2 .about2 h4 {
    font-size: 50px;
    font-weight: 700;
    color: var(--secondary-color);
}

#about-us2 .about2 .description {
    border-left: 4px solid var(--primary-color);
    padding-left: 20px;
    margin-bottom: 30px;

}

#about-us2 .about2 .description h6 {
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-color);
}

/*work-process*/
.work-process .process-item {
    text-align: center;
}

.work-process .process-img {
    width: 130px;
    height: 130px;
    background: #fff;
    text-align: center;
    line-height: 130px;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
}

.work-process .process-item:hover img {
    -webkit-animation: jello 2s infinite;
    -moz-animation: jello 2s infinite;
    -ms-animation: jello 2s infinite;
    -o-animation: jello 2s infinite;
    animation: jello 2s infinite;

}

.work-process .process-item span {
    position: absolute;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 40px;
    top: -20px;
    left: -20px;
    line-height: 40px;
    color: #fff;
}

.work-process .process-bottom h4 a {
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    color: var(--secondary-color);
}



/*shop blog*/
.shop_section .widget_product_search,
.shop_section .yith-woocommerce-ajax-product-filter,
.shop_section #woocommerce_layered_nav-2,
#woocommerce_price_filter-2,
#woocommerce_rating_filter-2,
#woocommerce_product_tag_cloud-2,
#woocommerce_product_tag_cloud-2,
.shop_section .widget_top_rated_products {
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 20px;
    margin-bottom: 25px;
}

.shop_section .widget_product_search h5,
.shop_section .yith-woocommerce-ajax-product-filter h5,
.shop_section #woocommerce_layered_nav-2 h5,
#woocommerce_price_filter-2 h5,
#woocommerce_rating_filter-2 h5,
#woocommerce_product_tag_cloud-2 h5,
.shop_section .widget_top_rated_products h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.shop_section .widget_product_search .search-field {
    outline: none;
    border: none;
    background: transparent;
    color: var(--secondary-color);
    width: 80%;
    padding: 0 5px;
}

.shop_section .widget_product_search button {
    border: none;
    background: transparent;
    color: var(--primary-color);
    width: 17%;
}

.shop_section .widget_product_search form {
    background: #fdf9f2;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.shop_section .widget_product_search ::placeholder {
    color: var(--secondary-color);
}

.shop_section .yith-wcan-color {
    padding: 0;
    list-style: none;
}

.shop_section .yith-wcan-color li {
    display: inline-block;
}

.shop_section .yith-wcan-color li a {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    display: inline-block;
    margin-right: 4px;
}

.shop_section #woocommerce_layered_nav-2 ul li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.shop_section #woocommerce_layered_nav-2 ul li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-color);
}

.shop_section #woocommerce_layered_nav-2 ul li:hover a,
.shop_section #woocommerce_layered_nav-2 ul li:hover span {
    color: var(--primary-color);
}

.shop_section #woocommerce_layered_nav-2 ul li span {
    color: var(--secondary-color);
}

.shop_section .products .product.type-product {
    width: 33.33333%;
    float: left;
}


#woocommerce_price_filter-2 .price_slider_amount button {
    border: navajowhite;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 5px 10px;
}

#woocommerce_price_filter-2 .price_slider_amount {
    display: flex;
    justify-content: space-between;
}

#woocommerce_rating_filter-2 ul li a {
    text-decoration: none;
    color: var(--secondary-color);
    display: flex;
    justify-content: space-between;
}

#woocommerce_product_tag_cloud-2 .tagcloud a {
    border: 1px solid #d8d8d8;
    display: inline-block;
    padding: 7px 15px;
    text-align: center;
    text-decoration: none;
    margin: 0 5px 10px 0;
    color: #5a5a5a;
    transition: 0.69s;
    font-weight: 600;
    font-size: 16px;
}

#woocommerce_product_tag_cloud-2 .tagcloud a:hover {
    border: 1px solid var(--primary-color);
    color: var(--secondary-color);
}

.gridlist-toggle a {
    padding: 5px 10px;
    display: inline-block;
    /*border: 1px solid #eee;*/
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    margin-right: 5px;
    color: var(--primary-color);
}
.gridlist-toggle a.active {
    color: #ffffff;
    background-color: var(--primary-color);
}

 .gridlist-toggle {
    float: left;
    display: inline-block;
}

.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering {
    float: right;
    padding: 5px 10px;
    /*border: 1px solid #eee;*/
    font-weight: 500;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.woocommerce .woocommerce-ordering {
    margin-right: 10px;
}

.woocommerce .woocommerce-ordering select {
    color: var(--secondary-color);
    font-weight: 500;
}

#st-primary-content .products {
    /* width: 100%; */
    clear: both;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

#st-primary-content .product:not(.type-product) {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 20px;
}

/* List & Grid */
@media (min-width: 768px){
ul.products.list {
	text-align: left;
}
ul.products.list li.product{
	width: 100%;
}
ul.products.list .product-single {
	content: '';
    clear: both;
    display: table;
}
ul.products.list .product-single .product-img {
	float: left;
	margin-right: 30px;
}
ul.products.list .product-single .product-img img{
	margin-bottom: 0;
}
ul.products.list .product-single .product-content-outer {
	display: inline-block;
}
ul.products.list .product-single .product-action {
	text-align: center;
}
}

.woocommerce-pagination {
    clear: both;
}

.woocommerce-pagination .page-numbers {
    padding: 0;
    list-style: none;
    text-align: center;
	border: none !important;
}

.woocommerce-pagination .page-numbers li {
    display: inline-block;
	border: none !important;
	margin-right: 5px !important;
}

.woocommerce-pagination .page-numbers li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    /* border: 1px solid var(--primary-color); */
    line-height: 40px;
    color: var(--primary-color);
    transition: 0.85s;
}

.woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li .page-numbers:hover {
    background: var(--primary-color);
    color: #fff;
}

.woocommerce-pagination .page-numbers li .page-numbers {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--secondary-color);
    display: inline-block;
    transition: 0.85s;
    text-decoration: none;
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: var(--primary-color);
    color: #fff;
}

.woocommerce-shop .product-action, .woocommerce-page.woocommerce .product-action {
	visibility: visible;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    max-width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.woocommerce-shop .product-action .yith-wcwl-add-to-wishlist, .woocommerce-page.woocommerce .product-action .yith-wcwl-add-to-wishlist{
	margin-bottom: 0;
}


.woocommerce-shop.woocommerce ul.products li.product .button, .woocommerce-page.woocommerce.woocommerce ul.products li.product .button{
	margin-top: 0;
	padding: 0 10px;
}
.woocommerce-shop .product-img, .woocommerce-page.woocommerce .product-img {
	padding: 0;
	margin-bottom: 0;
	height: auto;
}

ul.products li.product .button, a.added_to_cart {
	margin-top: 0;
	padding: 0 10px;
}


/*login and signup*/
#sign-section .signpageforms {
    display: flex;
    justify-content: space-between;
    margin: 0 10px;
}

#sign-section .signpageforms .signin-form h5,
#sign-section .signpageforms .login-form h5 {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

#sign-section .signin-form p {
    margin-bottom: 10px;
}

#sign-section .signpageforms .form-group {
    position: relative;
    z-index: 0;
}

#sign-section .signpageforms .form-group label {
    position: absolute;
    top: 22%;
    left: 2.5%;
}

#sign-section .signpageforms input[type='email'],
#sign-section .signpageforms input[type='password'] {
    padding: 10px 40px;
    width: 100%;
    /* display: flex; */
    margin-bottom: 20px;
    border-radius: 0;
}

#sign-section .signpageforms p a {
    text-decoration: none;
    color: var(--secondary-color);
}

#sign-section .signin-form,
#sign-section .login-form {
    width: 50%;
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 30px;
    height: 350px;
    margin: 0 -10px;
}

#sign-section .signpageforms button[type='submit'] {
    width: 100%;
    border: none;
    padding: 10px;
    border-radius: 0;
    color: #fff;
    background: var(--primary-color);
    transition: 0.65s;
}

#sign-section .signpageforms button[type='submit']:hover {
    background: var(--secondary-color);
}

.woocommerce-form-login input[type='text'], .woocommerce-MyAccount-content input[type='text'], .woocommerce-MyAccount-content input[type='tel'], .woocommerce-MyAccount-content input[type='email'] {
	border: 1px solid #767676;
	color: initial;
	padding: 7px 14px;
	border-radius: 2px;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
	top: unset;
}


/*blog left side bar*/
.post-section .sidebar .widget {
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 20px;
    margin-bottom: 25px;
}

.post-section .sidebar h4.widget-title {
    /* font-size: 20px; */
    font-weight: 600;
    /* color: var(--secondary-color); */
}

article.latest_posts.post-items .post-content .post-title {
    margin: 0;
}

.post-section .sidebar .widget_search form ::placeholder {
    color: var(--secondary-color);
}

.post-section .sidebar .widget_search form {
    /*background: #fdf9f2;*/
    width: 100%;
    /*display: flex;*/
    align-items: center;
}

.post-section .sidebar .widget_search form label {
    width: 75%;
}

.post-section .sidebar .widget_search form .search-field {
    outline: none;
    border: none;
    background: transparent;
    padding: 5px 10px;
    width: 100%;
    color: var(--secondary-color);
}

.post-section .sidebar .widget_search form .search-submit {
    border: none;
    background: var(--primary-color);
    padding: 5px 10px;
    width: 25%;
    color: var(--white);
}

.post-section .sidebar .widget_categories ul li a {
    text-decoration: none;
    color: var(--secondary-color);
    font-weight: 500;
}

.post-section .sidebar .widget_categories ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    background: #fff;
    padding: 7px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    transition: 0.85s;
}

.post-section .sidebar .widget_categories ul li:hover {
    background: var(--primary-color);
}

.post-section .sidebar .widget_latest_posts .post-content h6 a {
    color: var(--secondary-color);
    font-weight: 600;
    text-decoration: none;
}

.post-section .sidebar .widget_latest_posts .post-content .post-meta {
    position: unset;
    background: none;
    justify-content: start;
}

.post-section .sidebar .widget_tag_cloud .tagcloud a {
    padding: 0 15px;
    background: #fff;
    box-shadow: 0 0 1px var(--primary-color);
    text-decoration: none;
    color: var(--primary-color);
    transition: 0.85s;
    line-height: 40px;
    margin: 0 10px 13px 0;
    display: inline-block;

}

.post-section .sidebar .widget_tag_cloud .tagcloud a:hover {
    background: var(--primary-color);
    color: #fff;
}

.post-section .sidebar .widget_recent_comments ul .recentcomments {
    background: var(--primary-color);
    padding: 10px;
    margin-bottom: 15px;
    color: #eee;
}

.post-section .sidebar .widget_recent_comments ul .recentcomments a {
    text-decoration: none;
    text-transform: capitalize;
    color: var(--white);
    font-weight: 600;
    font-size: 16px;
}

.post-section .sidebar .widget_media_gallery .gallery {
    width: 100%;
    ;
}

.post-section .sidebar .widget_media_gallery .gallery-item {
    width: 29.3333%;
    height: auto;
    float: left;
}

.post-section .sidebar .widget_media_gallery .gallery-item img {
    width: 100%;
}

.post-section .sidebar .widget_media_gallery .gallery-item a {
    display: block;
    position: relative;
    overflow: hidden;
}

.post-section .sidebar .widget_media_gallery .gallery-item a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0 0 0 / 50%);
    visibility: hidden;
    opacity: 0;
    transition: 0.65s;
    border-radius: 5px;
}

.post-section .sidebar .widget_media_gallery .gallery-item:hover a:before,
.post-section .sidebar .widget_media_gallery .gallery-item:focus-within a:before {
    visibility: visible;
    opacity: 1
}

.post-section .sidebar .widget_calendar .wp-calendar-table {
    width: 100%;
    text-align: center;
}

.post-section .sidebar .widget_calendar .wp-calendar-table tbody tr td {
    padding: 5px;
}

.post-section .sidebar .widget_calendar .wp-calendar-table caption {
    caption-side: top;
    background: var(--primary-color);
    padding: 10px;
    color: var(--white);
    font-weight: 600;
    margin-bottom: 15px;
}

.post-section .sidebar .wp-calendar-nav .wp-calendar-nav-prev a,
.post-section .sidebar .wp-calendar-nav .wp-calendar-nav-next {
    text-decoration: none;
    font-weight: 600;
    text-decoration: none;
    color: var(--primary-color);
}

#today {
    background: var(--primary-color);
    color: var(--white);
    font-weight: 600;
    width: 40px;
    height: 40px;
    ;
}

.post-section .sidebar .widget_meta ul li a {
    display: block;
    text-decoration: none;
    font-weight: 500;
    background: var(--primary-color);
    color: var(--white);
    padding: 10px;
    margin-bottom: 15px;
}

.post-section .sidebar .widget_banner {
    background: var(--primary-color);
}

.post-section .sidebar .widget.widget_banner .banner_wrap img {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 0;
}

.post-section .sidebar .widget.widget_banner {
    padding: 0;
    margin: 0;
}

.post-section .sidebar .widget.widget_banner .banner_wrap {
    position: relative;
    overflow: hidden;
    height: 350px;
}

.post-section .sidebar .widget.widget_banner .banner_content {
    padding: 20px;
    text-align: center;
    position: relative;
}

.post-section .sidebar .widget.widget_banner .banner_content a>i {
    margin-right: 10px;
}

.post-section .sidebar .widget.widget_banner .banner_content a {
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
    background: var(--white);
    padding: 10px 20px;
    font-weight: 600;
    color: var(--primary-color);
    transition: 0.65s;
}

.post-section .sidebar .widget.widget_banner .banner_content a:hover {
    background-color: var(--secondary-color);
}

.post-section .sidebar .widget.widget_banner .banner_content h5 {
    font-size: 30px;
    font-weight: 600;
    color: var(--white);
}

.post-section .sidebar .widget.widget_banner .banner_content p {
    color: var(--white);
    margin: 0;
    font-weight: 600;
}



/*cart*/
.post-section .product-thumbnail a img {
    width: 90px;
}

.woocommerce-cart tbody {
	color: initial;
}

.woocommerce-cart .wc-block-cart table.wc-block-cart-items, .woocommerce-cart .wc-block-cart table.wc-block-cart-items td,.woocommerce-cart .wc-block-cart table.wc-block-cart-items th, .woocommerce-cart .is-large.wc-block-cart {
	margin-bottom: 0;
}
.woocommerce table.shop_table td {
    padding: 20px 20px 20px 10px;
}

.woosl-btn {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #bdbdbd;
    font-weight: 500;
    transition: 0.65s;
    font-size: 12px;
}

.woosl-btn:hover {
    background: var(--primary-color);
    color: var(--white);
    border-color: var(--primary-color);
}

.woocommerce-cart-form>.shop_table {
    border: 1px solid #d8d8d8;
    width: 100%;
}

.shop_table thead tr {
    border-bottom: 1px solid #d8d8d8;
}

.shop_table thead tr th {
    padding: 10px;
}

.woocommerce-cart-form__cart-item {
    border: 1px solid #d8d8d8;
}

.shop_table tbody .product-price .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 600;
}

.post-content {
    width: 100%;
}

.product-quantity input[type='number'] {
    width: 50px;
    border-radius: 0;
    border: 1px solid #d8d8d8;
    padding: 5px;
    outline: none;
}

.blog-news .post-content {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0, -50%);
    width: 80%;
}

.blog-news .post-content .post-meta span {
    font-size: 26px;
    font-weight: 600;
    color: var(--white);
}

.blog-news .post-content a.btn-readmore {
    text-decoration: none;
    padding: 10px 15px;
    background: var(--primary-color);
    color: var(--white);
    display: inline-block;
    font-weight: 500;
    float: none;
}

a.btn-readmore {
    font-weight: 600;
    color: var(--primary-color);
    transition: 0.65s;
}

a.btn-readmore:hover,
a.btn-readmore:focus-within {
    color: var(--secondary-color);
}



.product-subtotal .woocommerce-Price-amount {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 600;
}

.product-remove a {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 27px;

    border: 1px solid var(--primary-color);
    display: inline-block;
    text-align: center;
    color: var(--primary-color);
    text-decoration: none;
    font-size: 16px;
}

.product-remove a:hover {
    background: var(--primary-color);
    color: #fff;
}

.product-name a {
    text-decoration: none;
    color: var(--secondary-color);
    font-weight: 600;
}

.product-name p {
    text-decoration: none;
    font-weight: 600;
    color: var(--secondary-color);
}

.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
    border: 1px solid #d8d8d8;
    padding: 15px 28px;
}

.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
    float: left;
}

.coupon {
    display: flex;
    width: 50%;
}

.coupon .button {
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 5px 10px;
    border: none;
    font-weight: 600;
    transition: 0.65s;
}

.coupon .button:hover,
.coupon .button:focus {
    background: var(--secondary-color);

}

.coupon input[type='text']::placeholder {
    color: var(--secondary-color);
}

.coupon input[type='text'] {
    width: 50%;
    margin-right: 10px;
    color: #000;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    color: var(--secondary-color);
    padding: 5px 10px;
}

.actions>.button {
    float: right;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 5px 10px;
    border: none;
    font-weight: 600;
}

.actions>.button:hover,
.actions>.button:focus {
    background: var(--secondary-color);
}

.woocommerce-cart-form {
    margin-bottom: 50px;
}

.wc-proceed-to-checkout .checkout-button {
    padding: 5px 10px;
    background: var(--primary-color);
    color: var(--secondary-color);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-top: 20px;
    transition: 0.65s;
}

.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus {
    background: var(--secondary-color);
    color: var(--white);
}

.cart-subtotal th,
.cart-subtotal td,
.shipping th,
.shipping td,
.order-total th,
.order-total td {
    padding: 10px;
    border-bottom: 1px solid #d8d8d8;
}

.cart-collaterals .shop_table {
    border: 1px solid #d8d8d8;
    width: 50%;
}

.cart-collaterals .cart-subtotal span {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-color);
}

.woocommerce-shipping-totals a {
    text-decoration: none;
    color: var(--primary-color);
    font-weight: 500;
}

.woocommerce-shipping-totals td {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-color);
}

.cart_totals h2 {
    font-weight: 600;
    margin-bottom: 20px;
    width: 50%;
    background: var(--primary-color);
    color: var(--secondary-color);
    font-size: 22px;
    padding: 10px;
    text-align: center;
}


/*checkout*/
.woocommerce-info {
    background: #eee;
    padding: 10px;
    margin-bottom: 30px;
    color: var(--secondary-color);
    font-weight: 600;
    width: 100%;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    border: 1px solid #d8d8d8;
    padding: 20px;
}

.woocommerce-info a {
    color: var(--primary-color);
    transition: 0.65s;
}

.woocommerce-info a:hover {
    opacity: 0.7;
    color: var(--primary-color);
}

.woocommerce-billing-fields h3 {
    font-size: 20px;
    font-weight: 600;
}

.woocommerce-checkout>.col2-set>.col-1 {
    float: none;
    width: 100%;
    margin-bottom: 30px;
}

.woocommerce-billing-fields input::placeholder {
    color: var(--secondary-color);
}

.woocommerce-billing-fields input,
.shipping_address .woocommerce-input-wrapper input {
    width: 100%;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
    outline: none;
    color: var(--secondary-color);
    min-height: 50px;
}

.woocommerce-input-wrapper textarea {
    width: 100%;
    outline: none;
    border: 1px solid #d8d8d8;
}

.woocommerce-checkout>.col2-set {
    float: left;
    width: 48%;
}

.woocommerce-billing-fields input[type='text'],
.woocommerce-billing-fields input[type='email'] {
    color: var(--secondary-color);
}

.woocommerce-billing-fields label,
.form-row label {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
}

.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
    width: 100%;
}

#billing_country,
.shipping_address .woocommerce-input-wrapper select {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    display: block;
    font-size: 92%;
    font-weight: 500;
    padding: 5px 10px;
    min-height: 50px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-shadow: none;
    overflow: auto !important;
    outline: 0;
    background-color: var(--bs-white);
    color: var(--secondary-color);
}

#billing_country option {
    color: var(--secondary-color);
}

.woocommerce form.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout #order_review {
    width: 48%;
    float: right;
}

#order_review .shop_table {
    border: 1px solid #d8d8d8;
    margin-bottom: 30px;
}

#order_review .shop_table .cart_item {
    border-bottom: 1px solid #d8d8d8;
}

.place-order .alt {
    background: var(--primary-color);
    border: none;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    transition: 0.65s;
}

.place-order .alt:hover {
    background: var(--secondary-color);

}

.woocommerce-checkout>.col2-set>.col-2 {
    width: 100%;
    float: none;
}

.wc-block-checkout__actions_row {
	padding-top: 15px;
	flex: auto;
}

#ship-to-different-address,
#order_review_heading {
    font-size: 20px;
    font-weight: 600;
    color: var(--secondary-color);
}

.woocommerce-privacy-policy-link {
    color: var(--primary-color);
    transition: 0.65s;
}

.woocommerce-privacy-policy-link:hover {
    color: var(--secondary-color);
}

/*-==--=-=-=-=sidebar====*/
#st-secondary-content #woocommerce_widget_cart-1 .widget_shopping_cart_content,
#st-secondary-content #woocommerce_price_filter-1 .price_slider_wrapper,
#st-secondary-content #woocommerce_rating_filter-1 ul,
#st-secondary-content #woocommerce_product_search-1 .woocommerce-product-search,
#st-secondary-content #woocommerce_product_tag_cloud-2 .tagcloud,
#st-secondary-content #woocommerce_layered_nav-1 .woocommerce-widget-layered-nav-dropdown,
#st-secondary-content #woocommerce_product_categories-1 .product-categories,
#st-secondary-content #woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list,
#st-secondary-content #woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list {
    border: 1px solid #d8d8d8;
    padding: 20px;
    margin-bottom: 30px;
}

#st-secondary-content #woocommerce_widget_cart-1 .widget-title,
#st-secondary-content #woocommerce_price_filter-1 .widget-title,
#st-secondary-content #woocommerce_rating_filter-1 .widget-title,
#st-secondary-content #woocommerce_product_search-1 .widget-title,
#st-secondary-content #woocommerce_product_tag_cloud-2 .widget-title,
#st-secondary-content #woocommerce_layered_nav-1 .widget-title,
#st-secondary-content #woocommerce_product_categories-1 .widget-title,
#st-secondary-content #woocommerce_layered_nav-2 .widget-title,
#st-secondary-content #woocommerce_layered_nav-3 .widget-title,
#st-secondary-content #woocommerce_top_rated_products-1 .widget-title {
    border: 1px solid #d8d8d8;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 2px solid var(--primary-color);
    font-size: 20px;
    font-weight: 600;
}

#st-secondary-content #woocommerce_product_tag_cloud-2 {
    padding: 0;
    box-shadow: 0 0 0 0;
}

#woocommerce_widget_cart-1 .cart-products {
    padding: 0;
}

#woocommerce_widget_cart-1 .cart-qty-price {
    font-weight: 700;
}

#woocommerce_widget_cart-1 .cart-img-col {
    display: flex;
    align-items: center;
}

#woocommerce_widget_cart-1 .mini_cart_item {
    display: flex;
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0;
}

#woocommerce_widget_cart-1 .size-woocommerce_thumbnail {
    width: 50px;
    height: 50px;
}

#woocommerce_widget_cart-1 .cart-img-col .remove_from_cart_button {
    margin-right: 15px;
    color: #fff;
}

.cart-sm-left .cart-pname a {
    text-decoration: none;
    font-weight: 500;
    color: var(--secondary-color);
}

#woocommerce_widget_cart-1 .cart-ft-buttons-cont .cart-ft-btn {
    padding: 5px 10px;
    background: var(--primary-color);
    color: #fff;
    font-weight: 600;
    border: none;
    transition: 0.65s;
    text-decoration: none;
    border-radius: 0;
    margin: 0 5px;
}

#woocommerce_widget_cart-1 .cart-ft-buttons-cont .cart-ft-btn:hover {
    background: var(--secondary-color);
}

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

#woocommerce_price_filter-1 .price_slider_amount button {
    background: var(--primary-color);
    padding: 5px 10px;
    border: none;
    color: #fff;
    transition: 0.65s;
}

#woocommerce_price_filter-1 .price_slider_amount button:hover,
#woocommerce_price_filter-1 .price_slider_amount button:focus {
    background: var(--secondary-color);
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    height: 4px;
}

.widget_price_filter .price_slider_wrapper .ui-widget-content {
    border-radius: 1em;
    background-color: #462940;
    border: 0;
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.widget_price_filter .price_slider {
    margin-bottom: 1em;
}

.widget_price_filter .ui-slider div.ui-slider-range {
    background-color: var(--primary-color);
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    border-radius: 1em;
    background-color: #a46497;
}

.widget_price_filter .ui-slider span.ui-slider-handle {
    background-color: #fff;
    width: 10px;
    height: 10px;
    top: -3px;
    box-shadow: 0px 0px 12px 0px rgb(88 88 88 / 65%);
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    background-color: #a46497;
    border-radius: 1em;
    cursor: ew-resize;
    outline: 0;
    top: -0.3em;
    margin-left: -0.5em;
}

#woocommerce_rating_filter-1 ul li a {
    color: var(--secondary-color);
    text-decoration: none;
    font-weight: 500;
}

#st-secondary-content #woocommerce_product_search-1 .woocommerce-product-search {
    display: flex;
}

#woocommerce_product_search-1 .woocommerce-product-search input::placeholder {
    color: var(--secondary-color);
}

#woocommerce_product_search-1 .woocommerce-product-search input {
    width: 70%;
    outline: none;
    border: none;
    background: #fdf9f2;
    padding: 5px 10px;
    color: var(--secondary-color);
}

#woocommerce_product_search-1 .woocommerce-product-search button {
    background: var(--primary-color);
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    border: none;
    transition: 0.65s;
}

#woocommerce_product_search-1 .woocommerce-product-search button:hover {
    background: var(--secondary-color);
}

#woocommerce_product_categories-1 .product-categories li {
    margin: 10px 0;
    border: 1px solid #d8d8d8;
    padding: 10px;
}

#woocommerce_product_categories-1 .product-categories li a {
    text-decoration: none;
    color: var(--secondary-color);
    font-weight: 600;
    transition: 0.65s;
}

#woocommerce_product_categories-1 .product-categories li a:hover {
    color: var(--primary-color);
}


#woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list li,
#woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list li {
    display: flex;
    justify-content: space-between;
    border: 1px solid #d8d8d8;
    margin: 10px 0;
    padding: 10px;
}

#woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list li a:hover,
#woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list li a:hover {
    color: var(--primary-color);
}

#woocommerce_layered_nav-2 .woocommerce-widget-layered-nav-list li a,
#woocommerce_layered_nav-3 .woocommerce-widget-layered-nav-list li a {
    text-decoration: none;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.65s;
}

#custom_html-3 {
    margin-bottom: 30px;
}

#custom_html-3 .banner_wrap img {
    width: 100%;

}

#custom_html-3 .banner_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000085;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: 0.65s;
}

#custom_html-3:hover .banner_content,
#custom_html-3:focus-within .banner_content {
    visibility: visible;
    opacity: 1;
}

#custom_html-3 .banner_content h5 {
    font-size: 26px;
    color: #fff;
}

#custom_html-3 .banner_content h5 b {
    color: var(--primary-color);
}

#custom_html-3 .banner_content p {
    color: #fff;
}

#custom_html-3 .banner_content a {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    line-height: 40px;
    border-radius: 40px;
    color: #fff;
    transition: 0.65s;
}

#custom_html-3 .banner_content a:hover {
    background: #fff;
    color: var(--primary-color);
}

#custom_html-4,
#custom_html-5 {
    border: 2px solid var(--primary-color);
    margin-bottom: 30px;
}

.testimonial_author {
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 0;
    margin-bottom: 20px;
}

.testimonial_item {
    text-align: center;
    padding: 35px 20px 0px 20px;
}

#custom_html-4 .owl-dots,
#custom_html-5 .owl-dots {
    text-align: center;
    margin: 20px 0;
}

.testimonial-content h6 {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color);
}

.testimonial-content p {
    font-size: 16px;
    font-weight: 500;
    color: var(--secondary-color);
    position: relative;
}

.testimonial-content p span {
    position: absolute;
    bottom: -10px;
    margin-left: 16px;
}

#custom_html-4 .testimonial-content {
    padding: 0;
}

#custom_html-4 .testimonial-img img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin-right: 10px;

}

.testimonial_blockquote {
    color: var(--secondary-color);
    font-weight: 600;
}

.woocommerce-widget-layered-nav-dropdown select {
    width: 100%;
    padding: 6px 10px;
    color: var(--secondary-color);
    font-weight: 600;
}

.sale-content .sale-verticle,
.sale-content .per-off {
    font-size: 16px;
    font-weight: 600;

}

.sale-content .per {
    font-size: 35px;
    font-weight: 700;
}

.sale_item .btn-secondary {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    border: none;
    font-weight: 500;
    border-radius: 0;
    transition: 0.65s;
    text-decoration: none;
}

.sale_item .btn-secondary:hover {
    background: var(--secondary-color);
}


.sale_item {
    padding: 20px;
    text-align: center;
}

.sale_author {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sale_item:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 40px;
    background: #fff;
    top: 0;
    z-index: 99;
    left: 50%;
    transform: translate(-50%, 0px);
}

.sale_item:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    top: 20px;
    z-index: 99;
    border-radius: 20px;
    left: 50%;
    transform: translate(-50%, 10px);
}

.sale-batch {
    width: 130px;
    height: 130px;
    display: flex;
    text-align: center;
    background: #000;
    border-radius: 130px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 10px;
    line-height: 0;
}

.sale-batch h5 {
    font-size: 35px;
    color: #fff;
    font-weight: 800;
}

.sale-batch p {
    color: #fff;
}

.sale_blockquote {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 20px;
}

#woocommerce_top_rated_products-1 .product_list_widget li a img {
    width: 50px;
    height: 50px;
    float: right;
}

#woocommerce_top_rated_products-1 .product_list_widget li a {
    display: block;
    text-decoration: none;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 16px;
}

#woocommerce_top_rated_products-1 ins .amount,
.product_list_widget .woocommerce-Price-amount {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
}

#woocommerce_top_rated_products-1 del .amount {
    color: var(--secondary-color);
    font-weight: 600;
    text-decoration: underline;
    margin-right: 5px;
}


#woocommerce_top_rated_products-1 .product_list_widget li {
    border-bottom: 1px solid #d8d8d8;
    padding: 20px;
}

#woocommerce_top_rated_products-1 .product_list_widget {
    border: 1px solid #d8d8d8;
}

ul.product_list_widget del {
    color: var(--secondary-color);
}

.storely-woocompare-table th,
.storely-woocompare-table td {
    border: 1px solid #d8d8d8;
    padding: 20px;
}

.storely-woocompare-cell .add_to_cart_button {
    padding: 10px 20px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    background: var(--primary-color);
    color: var(--secondary-color);
    width: 100%;
    transition: 0.65s;
    font-weight: 600;
}

.storely-woocompare-cell .add_to_cart_button:hover {
    background: var(--secondary-color);
    color: var(--white);
}

.storely-woocomerce-list__product-image {
    text-align: center;
}

.storely-woocomerce-list__product-title a {
    color: var(--secondary-color);
    text-decoration: none;
    font-weight: 600;
}


/*FAQ*/
.faq-content .heading-default {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.faq-content .heading-default .title h5 {
    margin: 0;
    padding: 10px 30px;
    color: #fff;
    font-weight: 600;
    background: var(--primary-color);
    font-size: 16px;
}

.faq-content .heading-default .heading-right {
    background: var(--primary-color);
    padding: 10px 30px;
}

.faq-content .heading-default .heading-right a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    margin: 0 10px;
    color: #fff;
    font-weight: 600;
}

.faq-content .card,
.woocommerce-Tabs-panel .card {
    border-radius: 0;
    margin-bottom: 15px;
    border: none;
}


.faq-content .acc-btn,
.woocommerce-Tabs-panel .acc-btn {
    width: 100%;
    text-align: left;
    border: none;
    background: transparent;
    color: var(--secondary-color);
    font-weight: 700;
    padding: 10px 15px;
    box-shadow: 0 0 14px -10px var(--primary-color);
    transition: 0.65s;
    position: relative;
}

.faq-content .acc-btn:hover,
.faq-content .acc-btn:focus-within,
.woocommerce-Tabs-panel .acc-btn:hover,
.woocommerce-Tabs-panel .acc-btn:focus-within {
    background: var(--primary-color);
    color: #fff;
}

.faq-content .card-header,
.woocommerce-Tabs-panel .card-header {
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: none;
}

.faq-content .heading-right a.active {
    color: var(--secondary-color);
}

/*.faq-section .accordion .card .card-header .acc-btn:before {
    content: "";
    position: absolute;
    left: 28px;
    top: 50%;
    font-size: 25px;
    height: 100%;
    width: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    background: transparent;
    z-index: 0;
}*/
.faq-section .accordion .card .card-header .acc-btn:after,
.woocommerce-Tabs-panel .accordion .card .card-header .acc-btn:after {
    content: "+";
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 28px;
    font-weight: 700;
    line-height: 60px;
    color: var(--secondary-color);
    text-align: center;
    transform: translate(-50%, -50%);
    font-family: var(--bs-font-awesome);
    transition: all .35s cubic-bezier(.645, .045, .355, 1);
    z-index: 0;
    transition: 0.65s;
}

.faq-section .accordion .card .card-header .acc-btn:hover:after,
.faq-section .accordion .card .card-header .acc-btn:focus-within:after,
.woocommerce-Tabs-panel .accordion .card .card-header .acc-btn:hover:after,
.woocommerce-Tabs-panel .accordion .card .card-header .acc-btn:focus-within:after {
    color: #fff;
}

.woocommerce-Tabs-panel .woocommerce-Reviews #comments {
    padding: 0;
}

.card-body p {
    color: var(--secondary-color);
    font-weight: 500;
}

.card-body a {
    color: var(--secondary-color);
    font-weight: 500;
    text-decoration: none;
}

/*contact*/
.contact-infosection{
    padding: 80px 0 55px;
}
.contactinfo {
    display: flex;
    align-items: center;
    background: var(--white);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 30px;
    transition: 0.65s;
}
.contactinfo:hover,
.contactinfo:focus{
    background: var(--primary-color);
}

.contactinfo-icon {
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    border-radius: 40px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    text-align: center;
    line-height: 50px;
    margin-right: 15px;
    font-size: 22px;
    color: var(--secondary-color);
    transition: 0.65s;
}

.contactinfo:hover .contactinfo-icon,
.contactinfo:focus .contactinfo-icon {
    background-color: var(--secondary-color);
    color: var(--white);
}

.contactinfo h5 {
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 22px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.contactinfo h5 a {
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    margin-top: 5px;
}


/*contact form*/
.contactform-section {
    background-color: var(--background);
}
.contactform-section .form-title {
    text-align: center;
    margin-bottom: 50px;
}

.contactform-section .form-title h4 {
    font-size: 50px;
    font-weight: 700;
    color: var(--secondary-color);
}

.contactform-section .form-title span {
    font-size: 18px;
    font-weight: 500;
}

.contact-touch form p label .wpcf7-form-control-wrap input,
.contact-touch form p label .wpcf7-form-control-wrap textarea {
    outline: none;
    border: none;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    padding: 10px;
    width: 100%;
    color: var(--secondary-color);
    font-weight: 600;
    background-color: var(--white);
}

.contact-touch form p ::placeholder {
    color: var(--secondary-color);
    font-weight: 400;
}

.contact-touch form p {
    margin-bottom: 25px;
    text-align: center;
}

.contact-touch form p label {
    width: 100%;
}

.contact-touch form p:nth-child(2) {
    float: left;
    width: 49%;
}

.contact-touch form p:nth-child(3) {
    float: right;
    width: 49%;
}

.contact-touch form p:nth-child(4) {
    float: left;
    width: 49%;
}

.contact-touch form p:nth-child(5) {
    float: right;
    width: 49%;
}

.contact-touch form p input[type='submit'] {
    outline: none;
    border: none;
    background: var(--primary-color);
    color: var(--secondary-color);
    font-weight: 600;
    padding: 10px 50px;
    font-size: 20px;
    width: 170px;
    transition: 0.65s;
}

.contact-touch form p input[type='submit']:hover,
.contact-touch form p input[type='submit']:focus {
    background: var(--secondary-color);
    color: var(--white);
}

/*404*/
.card404 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card404 h3 {
    font-size: 50px;
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 30px;
}

.image404 {
    display: block;
    max-width: 100%;
    margin-bottom: 30px;
}

#section404 .btn-404 {
    padding: 7px 15px;
    background: var(--primary-color);
    border: none;
    border-radius: 0;
    font-weight: 500;
    transition: 0.65s;
}

#section404 .btn-404:hover {
    background: var(--secondary-color);
}

.card404 h1 {
    font-size: 200px;
    font-weight: 900;
    color: var(--secondary-color);
}
.card404 h1 i{
    position: relative;
	z-index: 0;
}
.card404 h1 i::after{
    content: '';
    width: 200px;
    position: absolute;
    background: transparent;
    inset: 0;
    z-index: -1;
    height: 200px;
    border-radius: 100%;
    border: 30px solid #f6ab4a;
    border-bottom-color: transparent;
    transform: rotate(6deg);
    top: 16px;
}
/*comeing soon*/
#section-comesoon .come-soon {
    text-align: center;
}

#section-comesoon .come-soon h6 {
    font-size: 36px;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 30px;
}

#section-comesoon .dogmaa_ct-timer>span {
    display: flex;
    flex-direction: column;
}

#section-comesoon .dogmaa_ct-timer>span>span:nth-child(1) {
    font-size: 80px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1;
}

#section-comesoon .dogmaa_ct-timer>span>span:nth-child(2) {
    font-size: 22px;
    color: var(--secondary-color);
    font-weight: 600;
}

#section-comesoon .dogmaa_ct-timer {
    display: flex;
    justify-content: center;
    justify-content: space-around;
}

#section-comesoon .timer {
    margin-bottom: 40px;
}

#section-comesoon .mail-form {
    display: flex;
    align-items: center;
    width: 100%;
}

#section-comesoon label {
    width: 79%;
    margin: 0;
}

#section-comesoon input[type='email']::placeholder {
    color: var(--secondary-color);
}

#section-comesoon input[type='email'] {
    border: none;
    outline: none;
    padding: 10px;
    width: 100%;
    color: var(--secondary-color);
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    height: 50px;
}

#section-comesoon button[type='submit'] {
    border: none;
    box-shadow: 0 0 11px -6px var(--primary-color);
    padding: 10px;
    width: 19%;
    color: #fff;
    background: var(--primary-color);
    border-radius: 0;
    font-weight: 600;
    transition: 0.65s;
    height: 50px;
}

#section-comesoon button[type='submit']:hover {
    background: var(--secondary-color);
}

#section-comesoon .widget_mail {
    margin-bottom: 40px;
}

#section-comesoon .widget_social_widget ul {
    float: none;
}

#section-comesoon .widget_social_widget .widget-title {
    margin-bottom: 15px;
}




/*single-product*/

.wc-tabs,
.a-unordered-list {
    padding: 0;
    list-style: none;
}

.wc-tabs li {
    display: inline-block;
    margin: 0 5px;
}

.wc-tabs li a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    /* background: var(--primary-color); */
    padding: 5px 10px;
    display: inline-block;
    transition: 0.65s;
}

.wc-tabs li a:hover,
.wc-tabs li a:focus-within {
    /* background: var(--secondary-color); */
}

.product_video_img {
    width: 100px;
    height: 100px;
}

.expand-button-hidden {
    position: absolute;
    /* top: 5px; */
    /* right: 10px; */
}

.pet_bazaar_psc_data_content > div { flex: 2;}
.pet_bazaar_psc_data_content > div:has(img) { flex: 1;}

#content div.product div.images,
div.product div.images,
#content div.product div.images,
div.product div.images {
    float: left;
    width: 48%;
}

#st-primary-content div.product div.images {
    margin-bottom: 2em;
}



#st-primary-content #content div.product div.summary {
    padding: 0 30px;
    margin-bottom: 3em;
}

#content div.product div.summary,
div.product div.summary,
#content div.product div.summary,
div.product div.summary {
    float: right;
    width: 48%;
    clear: none;
    padding: 20px;
}

#st-primary-content .add_to_cart_button,
#st-primary-content div.product {
    overflow: hidden;
}

#st-primary-content div.product {
    margin-bottom: 0;
    position: relative;
}

#st-primary-content div.product div.images .woocommerce-product-gallery__image:nth-child(1) {
    max-height: 440px;
}

.woocommerce-product-gallery__image {
    position: relative;
}

iframe {
    max-width: 100%;
}

.storely_magnifier_gallery {
    list-style: none;
    padding: 0;
    margin-top: 30px;
    text-align: center;
}

#st-primary-content .owl-carousel .owl-item img {
    display: inline-block;
}

#st-primary-content .owl-prev,
#st-primary-content .owl-next {
    width: 20px;
    height: 20px;
    font-size: 10px;
}

#st-primary-content #product-32 {
    width: 100%;
}

#st-primary-content .woocommerce-tabs {
    clear: both;
}

.woocommerce-product-gallery__image .woocommerce-main-image img {
    width: 100%;
    height: auto;
}

a.storely_pv-popup {
    bottom: 10px;
    font-size: 25px;
    line-height: 0;
    opacity: 1;
    outline: medium none !important;
    padding: 15px 0;
    position: absolute;
    right: 13px;
    text-decoration: none;
    z-index: 10;
    color: #444;
    display: none;
}

#st-primary-content .sale-ribbon {
    position: absolute;
    background: var(--primary-color);
    top: 10px;
    left: 20px;
    padding: 5px;
    color: #fff;
    z-index: 10;
}

.entry-summary h1 {
    font-size: 36px;
    font-weight: 700;
    color: var(--secondary-color);
}

#st-primary-content .price .woocommerce-Price-amount {
    color: var(--secondary-color);
    font-weight: 500;
}

.cart .quantity {
    margin-bottom: 20px;
}

.cart .quantity label {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}

.cart .quantity input {
    width: 50px;
    outline: none;
    border-radius: 0;
    border: 1px solid #d8d8d8;
    padding: 5px;
	line-height: inherit;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: initial;
}

.woocommerce div.product form.cart .button {
	background-color: var(--primary-color);
}

span.onsale {
	min-height: 3.236em;
    min-width: 3.236em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #777335;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}

table.variations select {
	border: 1px solid;
	width: 100%;
	color: initial;
}

table.variations tr {
	margin-bottom: 5px;
}

table.variations th {
	background-color: transparent;
}

.disabled.wc-variation-selection-needed:hover {
	background-color: var(--secondary-color) !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
	border: 1px solid #e8e8e8;
	margin: 5px;
}
.woocommerce #review_form #respond .form-submit input[type='submit'], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .quickview-overlay .button.alt.ajax_add_to_cart.add_to_cart_button.product_type_simple, .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 10px;
}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	padding: 0;
	text-indent: -999px;
    width: 40px;
}
.woocommerce #review_form #respond .form-submit input[type='submit']:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover {
	background-color: var(--secondary-color);
}

.single-product .in_wishlist.pet-bazaar-woowishlist-button { display: none; }

.single-product #product .pet-bazaar-woowishlist-page-button { margin-left: 10px; }

.single-product #product .add_to_wishlist.single_add_to_wishlist { 
	width: 40px;
    display: block;
    line-height: 40px;
    margin-left: 6px;
    background-color: var(--primary-color);
    text-align: center;
    border-radius: 100%;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: white;
    background: var(--secondary-color);
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 700;
}
/* .remaining-stock .stock-count { */
    /* color: var(--primary-color); */
/* } */

.single-product #product .add_to_wishlist.single_add_to_wishlist:hover i { 
    color: var(--secondary-color);
}

#st-primary-content .cart button {
    background: var(--primary-color);
    color: #fff;
    border: navajowhite;
    /* padding: 7px 15px; */
    float: left;
    margin-right: 10px;
    transition: 0.65s;
}

#st-primary-content .cart button:hover,
#st-primary-content .cart button:focus-within {
    background: var(--secondary-color);
}

#st-primary-content .cart .need-help {
    background: var(--primary-color);
    border: none;
    border-radius: 0;
    padding: 7px 15px;
    margin: 0;
}

#st-primary-content .text .yith-wcwl-add-button .add_to_wishlist {
    background: var(--primary-color);
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    text-decoration: none;
    transition: 0.65s;
}

#st-primary-content .text .yith-wcwl-add-button .add_to_wishlist:hover,
#st-primary-content .text .yith-wcwl-add-button .add_to_wishlist:focus-within {
    background: var(--secondary-color);
}

.yith-wcwl-add-to-wishlist {
    /* margin-bottom: 20px; */
}

#single-product .product:not(.type-product) {
    background: #fdf9f2;
}

.product_meta .posted_in {
    font-size: 16px;
    color: var(--secondary-color);
    font-weight: 600;
}

.product_meta {
    margin-bottom: 15px;
}

.product_meta .posted_in a {
    text-decoration: none;
    color: var(--primary-color);
}

#st-primary-content .widget_social_widget h6 {
    color: var(--secondary-color);
    font-weight: 600;
}

#st-primary-content .widget_social_widget ul li a {
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 0 0 6px -3px var(--primary-color);
    display: block;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    color: var(--primary-color);
    transition: 0.65s;
}

#st-primary-content .widget_social_widget ul li a:hover,
#st-primary-content .widget_social_widget ul li a:focus-within {
    transform: rotate(360deg);
    border-radius: 40px;
    background: var(--primary-color);
    color: #fff;

}

#st-primary-content #single-product {
    background: transparent;
}

#st-primary-content .wishlist-head {
    border-bottom: 1px solid #000;
    /*margin: 0 0 30px;*/
    padding: 0 0 30px;
}

#st-primary-content .wishlist-head h5 {
    margin: 0;
}

#st-primary-content .storely-woowishlist-item:not(.wishlist-head) {
    padding: 30px 0;
    border-bottom: 1px solid #d8d8d8;
}

#st-primary-content .storely-woowishlist-item {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#st-primary-content span.dashicons.dashicons-dismiss:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 19px;
    border-radius: 30px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    transition: 0.65s;
    font-size: 12px;
}

#st-primary-content span.dashicons.dashicons-dismiss:hover:before {
    background: var(--primary-color);
    color: #fff;
}

#st-primary-content .storely-woowishlist-item .add_to_cart_button {
    background: var(--primary-color);
    color: var(--secondary-color);
    text-decoration: none;
    padding: 5px 10px;
    font-weight: 500;
    transition: 0.65s;
}

#st-primary-content .storely-woowishlist-item .add_to_cart_button:hover {
    background: var(--secondary-color);
    color: var(--white)
}

#st-primary-content .storely-woocomerce-list__product-title a {
    color: var(--primary-color);
    transition: 0.65s;
}

#st-primary-content .storely-woocomerce-list__product-title a:hover {
    text-decoration: underline;
}

/*newsletter popup*/
.signin-model-2 {
    max-width: 900px;
    background-size: 900px 470px;
    background-repeat: no-repeat;
    background-position: center center;
    /*padding: 46px 40px 46px 40px;*/
    overflow-y: initial;
}

.side-img {
    width: 100%;
    display: block;
}

.signin-overlay.active {
    display: block;
    animation: fade_show linear 0.5s forwards;
}

.signin-overlay {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    animation: fade_hide linear 0.5s forwards;
}

.signin-model-details {
    position: absolute;
    width: 100%;
    /*max-width: 650px;*/
    background-color: #fff;
    top: 50%;
    left: 50%;
    border: 0;
    /*overflow-y: auto;*/
    border-radius: 0;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.signin-overlay .signin-close {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    position: absolute;
    right: -20px;
    top: -20px;
}

#formnewsletter {
    /*background: #fff;*/
    padding: 30px 50px 30px 30px;
    height: 100%;
    text-align: center;
}

.signin-model-details form input[type='email'] {
    width: 100%;
    border-radius: 0;
    margin-bottom: 10px;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    box-shadow: none;
    padding-left: 10px;
    height: 40px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.signin-model-details form button[type='submit'] {
    width: 100%;
    background: var(--primary-color);
    border: none;
    border-radius: 0;
    font-weight: 600;
    color: #fff;
    height: 40px;
}

.signin-model-details .form-check {
    display: inline-block;
}

.news-header h3 {
    font-size: 50px;
    color: var(--secondary-color);
    font-weight: 600;
}

.news-header h3>span {
    color: var(--primary-color);
}

.news-header p {
    font-size: 30px;
    color: var(--secondary-color);
    font-weight: 600;
}

.form-check .form-check-label {
    color: var(--secondary-color)
}




.product-action .quickview-trigger:before {
    content: "\f06e";
    font-family: 'FontAwesome';
}

.product-action .compare:before {
    content: "\f0ec";
    font-family: 'FontAwesome';
}

.product-action .ajax_add_to_cart:before {
    content: "\f07a";
    font-family: 'FontAwesome';
	/* padding: 12px; */
	text-indent: 999px;
	display: inline-block;
}

/*.product-action .add_to_wishlist:before{
    content: "\f004";
    font-family: 'FontAwesome';
}*/


/*Quick view pop up*/
#theme-quickview-body .product.type-product {
    width: 100%;
}

.quickview-model-details {
    position: relative;
    height: 60%;
    width: 47%;
    background-color: #fff;
    margin: 12.65% auto;
    border: 0;
    overflow-y: auto;
    border-radius: 0;
    padding: 2.6%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

/*.quickview-overlay.active {
    display: block;
    animation: fade_show linear 0.5s forwards;
}*/
.quickview-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    animation: fade_hide linear 0.5s forwards;
}

.quickview-model-details .quickview-close {
    position: absolute;
    background-color: var(--primary-color);
    color: #fff;
    width: 20px;
    line-height: 20px;
    font-size: 14px;
    right: 3.6%;
    top: 8.6%;
    border-radius: 0px;
    cursor: pointer;
    z-index: 100;
    text-align: center;
    font-weight: 700;
}

.quickview-model-details .woocommerce.single-product {
    width: 100%;
}

.add_to_cart_button,
.woocommerce div.product,
body {
    /* overflow: visible !important; */
}

body {
	overflow-x: hidden;
}

.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
}

.quickview-product .product-thumb.img-thumbnail {
    width: 40%;
    float: left;
    position: relative;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
}

.quickview-product .product-thumb.img-thumbnail .images {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.woocommerce div.product div.images {
    margin-bottom: 2em;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: left;
    width: 48%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
    margin: 0;
    padding: 0;
}

.woocommerce .cart .product_type_simple {
    background: var(--primary-color);
    border: none;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.quickview-product .product-content.entry-summary {
    width: 60%;
    float: left;
    padding-left: 30px;
}

.quickview-model-details .widget_social_widget ul li a {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 11px -7px var(--primary-color);
    text-align: center;
    line-height: 40px;
    color: var(--primary-color);
    margin-right: 5px;
    transition: 0.65s;
}

.quickview-model-details .widget_social_widget ul li a:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.quickview-model-details .wp-post-image {
    width: 100%;
    display: block;
    height: 100%;
}


.header-two .widget_social_widget ul li a,
.footer-section2 .widget_social_widget ul li a {
    transition: 0.85s;
}

.header-two .widget_social_widget ul li a:hover,
.footer-section2 .widget_social_widget ul li a:hover,
.header-two .widget_social_widget ul li a:focus,
.footer-section2 .widget_social_widget ul li a:focus {
    transform: rotate(360deg);
}

.header-two .widget_social_widget ul li a:hover i,
.footer-section2 .widget_social_widget ul li a:hover i {
    transform: scale(1.5);
}

.header-two .main-navigation .widget-contact .contact-icon:hover {
    background: var(--primary-color);
}


/*topbar fixed line*/
#storely_wfsb-top-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 999;
    background: var(--primary-color);
    width: 100%;
}

#storely_wfsb-main-content {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

#storely_wfsb-label {
    display: none;
}



/*wp-test css*/

/* Start WP TEST CSS */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 400;
    margin: 0 0 20px;
    font-weight: 600;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 36px;
    /*line-height: 42px;*/
}

h2,
.h2 {
    font-size: 32px;
    /*line-height: 38px;*/
}

h3,
.h3 {
    font-size: 28px;
    /*line-height: 34px;*/
}

h4,
.h4 {
    font-size: 24px;
    /*line-height: 28px;*/
}

h5,
.h5 {
    font-size: 20px;
    /*line-height: 24px;*/
}

h6,
.h6 {
    font-size: 16px;
    /*line-height: 20px;*/
}

/* Blockquote*/
blockquote {
    padding: 10px 80px;
    margin: 0 0 20px;
    background: var(--secondary-color);
}

blockquote p {
    margin-bottom: 0;
}

blockquote {
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 1px;
    border-left: 5px solid var(--primary-color);
    color: #ffffff;
}

blockquote cite,
blockquote small {
    font-size: 15px;
    display: block;
    line-height: 20px;
    padding-top: 15px;
    color: var(--primary-color);
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote strong,
blockquote b {
    font-weight: 600;
}


.site a {
    text-decoration: underline;
	word-wrap: break-word;
}

p a, li a {
    color: var(--primary-color);
}

.site a:hover {
    /* color: var(--primary-color); */
    text-decoration: dotted underline;

}

/*Address*/
address {
    font-style: italic;
    margin: 0 0 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 27px;
}

/*Table*/
table {
    border: 1px solid #e9e9e9;
    background-color: #fcfcfc;
    border-spacing: 0;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    text-align: left;
    table-layout: fixed;
    width: 100%;
}

table th {
    padding: 10px 10px;
    color: var(--secondary-color);
    background: var(--primary-color);
}

table th {
    border-right: solid 1px #636468;
}

table th {
    border-right: solid 1px #b7b7b7;
}

table td {
    border: 1px solid #e8e7e7;
    padding: 8px 10px;
}

/*Definition Lists*/
dl {
    margin-bottom: 25px;
    margin-top: 0;
}

dl dt {
    font-weight: 700;
    margin-bottom: 10px;
    color: #222222;
    font-family: 'Open Sans', sans-serif;
}

dl dd {
    margin-bottom: 20px;
    margin-left: 15px;
}


abbr,
tla,
acronym {
    text-decoration: underline;
    cursor: help;
}

acronym {
    border-bottom: 0 none;
}

big {
    font-size: large;
    font-weight: 600;
}

s,
strike,
del {
    text-decoration: line-through;
}

em,
cite,
q {
    font-style: italic;
    font-weight: 600;
    color: var(--primary-color);
}

ins {
    text-decoration: none;
    padding: 0 3px;
}

code,
kbd,
tt,
var,
samp,
pre {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    background: var(--secondary-color);
    color: #ffffff;
    padding: 2px 5px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    max-width: 100%;
    overflow: auto;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

mark {
    color: #000;
    background: #ff0;
    padding: 2px 5px;
}

.search-form label {
    width: 100%;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}





/*color-swither*/
/*color-switcher*/
#theme-changer h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--dark);
}

#style-configurator {
    position: fixed;
    top: 50%;
    right: -310px;
    z-index: 9999;
    -webkit-box-shadow: -3px 0px 50px -2px rgb(0 0 0 / 14%);
    -moz-box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
    box-shadow: -3px 0px 50px -2px rgb(0 0 0 / 14%);
    transform: translateY(-50%);
}

#style-configurator>a {
    position: absolute;
    right: 100%;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
    background-color: #ffffff;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: 0px 0px 5px -2px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 0px 5px -2px rgb(0 0 0 / 14%);
}

.toggle-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--dark);
}

#theme-changer {
    width: 310px;
    box-shadow: -3px 0px 50px -2px rgb(0 0 0 / 14%);
    background: #ffffff;
    padding: 30px;
    overflow: hidden;
    border-radius: 4px 0 0 4px;
}

#theme-changer h4 {
    letter-spacing: .5px;
    font-size: 20px;
    font-weight: 600;
    padding: 5px 0;
    border: 0px;
    margin: 10px auto !important;
    white-space: nowrap;
    position: relative;
}

.style-palette:last-child,
.style-palette-bg:last-child {
    border-bottom: 0 none;
    margin-right: 0;
}

.style-palette-bx,
.style-palette {
    padding: 0;
}

.style-palette-bx>li:first-child {
    margin-right: 5px;
}

.style-palette li,
.style-palette-bg li {
    margin: 2px 2px 0 0;
}

.style-palette,
.style-palette-bg,
.style-palette-bx {
    list-style: none outside none;
    margin: 0 0 20px;
    /* padding: 0 15px; */
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.jscolors-bg {
    padding: 0 15px;
}

.jscolors-bg .jscolor,
.jscolors-bg #resetColor {
    max-width: 105px;
}

.jscolors-bg .jscolor {
    background-color: #ffffff !important;
    color: #333 !important;
    border-color: #333;
    /* font-size: 10px; */
}

.jscolors-bg .jscolor,
.jscolors-bg #resetColor {
    color: #fff;
    font-size: 12px;
    border: 1px solid transparent;
    line-height: 2;
    padding: 0px 20px;
    border-radius: 0;
    display: inline-block;
    width: 100%;
    max-width: 110px;
}

/* .jscolors-bg #resetColor {
    color: #ffffff !important;
    background: -webkit-linear-gradient(300deg, #2d1582 0%, #19a0ff 100%) !important;
    background: linear-gradient(150deg, #2d1582 0%, #19a0ff 100%) !important;
    cursor: pointer;
} */

.style-palette li,
.style-palette-bg li {
    margin: 2px 5px 0 0;
}

.style-palette li a,
.style-palette-bg li a {
    border-radius: 50%;
}

.style-palette .color-changer [class*="color"],
.style-palette-bg .pattern-changer [class*="pattern"] {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
}

#theme-changer h4:after {
    border-bottom: 1px solid #bdbdbd;
    content: '';
    display: table-cell;
    position: absolute;
    top: -5px;
    left: -50px;
    width: 200%;
}






.color-default {
    background-color: #f6ab4a;
}

.color-one {
    background-color: #4D7DF0;
}

.color-two {
    background-color: #F93C41;
}

.color-three {
    background-color: #05BB2B;
}

.color-four {
    background-color: #F03E54;
}

.color-five {
    background-color: #02CFAA;
}

.color-six {
    background-color: #9A62F3;
}

.color-seven {
    background-color: #395ca3;
}

.color-eight {
    background-color: #008080;
}

.color-nine {
    background-color: #ee591f;
}

.color-ten {
    background-color: #ffba00;
}

/*.color-eleven{background-color: #9A62F3;}*/
.color-twelve {
    background-color: #0088CC;
}

.color-thirteen {
    background-color: #019875;
}

.color-fourteen {
    background-color: #f24259;
}

.color-fifteen {
    background-color: #A03717;
}

.color-sixteen {
    background-color: #6CAF17;
}

.color-seventeen {
    background-color: #02CFAA;
}

.Home-v ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.Home-v ul li {
    display: inline-block;
}
.Home-v ul li a{
    display: inline-block;
    padding: 5px 10px;
    background-color: #f6ab4a;
    color: var(--secondary-color)!important;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
}
.Home-v ul li a {
    text-decoration: none;
    color: var(--primary-color);
    font-weight: 600;
}

body.boxed {
    max-width: 1320px;
    -webkit-box-shadow: 0 0 10px 0 rgb(48 48 48 / 50%);
    box-shadow: 0 0 10px 0 rgb(48 48 48 / 50%);
    margin: 0 auto;
    position: relative;
}



/* footer FAQ style Update */
.footer_content_wrap {
	position: relative;
}

.footer_content_wrap:not(:has(.custom-logo-link)) > span{
	position: absolute;
	top: 12px;
	right: 12px;
	color:var(--primary-color);
	cursor: pointer;
	z-index: 2;
}

.c1 .footer_content_wrap:first-of-type > span, .footer_content_wrap.active >.collaps, .footer_content_wrap >.collapsd {
	display: none;
}

.c1 .footer_content_wrap:first-of-type:has(a.logo) > .widget-title ~ div {
	display: initial;
}
	
.footer_content_wrap.active >.collapsd {
	display: inline-block;
}

/* === My Account ===*/
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
    content: " ";
    display: table;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}

.woocommerce-MyAccount-navigation ul {
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 0;
    list-style: none;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 10px 20px;
    line-height: 1.5;
    border-width: 0;
    border-style: solid;
    border-left-width: 2px;
    border-left-color: transparent;
    border-bottom-width: 1px;
    border-bottom-color: #e5e5e5;
    color: #2c3145;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus {
    background-color: var(--text-white);
    border-left-color: var(--primary-color);
}

.woocommerce-account .woocommerce-MyAccount-content {
    border: 1px solid #e5e5e5;
    padding: 20px;
    background-color: #fbfbfb;
    min-height: 254px;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
}

.woocommerce-info {
	line-height: 2;
	padding-left: 50px;
}
.woocommerce-info::before {
	top: unset;
}

/* Fly Cart */
#pricing-bedge {
    position: fixed;
    bottom: 100px;
    left: 70px;
    z-index: 2;
}

.big-price, a.big-price:hover, a.big-price:focus {
    line-height: 30px;
    text-align: center;
    background-color: var(--primary-color);
    color: #ffffff;
}

.big-price>span {
    font: 30px;
    font-weight: 600;
}

.small-price {
   width: 40px;
    line-height: 40px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    background-color: var(--secondary-color);
    z-index: -2;
    left: -20px;
    bottom: -20px;
}

.small-price i {
    color: white;
    font-size: 12px;
}

.box-shadow-ripples {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-size: cover;
    position: relative;
    box-shadow: 0 0 5px color-mix(in srgb , var(--primary-color) , transparent 80%);
    text-decoration: none;
	display: inline-block;
}

.box-shadow-ripples:before {
    position: absolute;
    content: "";
    inset: 0 0 0 0;
    border-radius: 50%;
    box-shadow: 0 0 color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 5px color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 10px color-mix(in srgb , var(--primary-color) , transparent 80%),
        0 0 0 15px color-mix(in srgb , var(--primary-color) , transparent 80%);
    z-index: -1;
    animation: ripples 5s linear infinite;
    transition: 0.7s;
    transform: scale(0.5);
}

@keyframes ripples {
    to {
        box-shadow: 0 0 0 5px color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 10px color-mix(in srgb , var(--primary-color) , transparent 80%),
            0 0 0 15px color-mix(in srgb , var(--primary-color) , transparent 80%), 0 0 0 20px color-mix(in srgb , var(--primary-color) , transparent 80%);
        transform: scale(1);
    }
}


/* Store Notice */
.woocommerce-store-notice, p.demo_store {
	background-color: var(--primary-color);
}

.woocommerce-store-notice a, p.demo_store a {
	color: #000;
	font-weight: 700;
}
.woocommerce-store-notice a:hover, p.demo_store a:hover, .woocommerce-store-notice a:focus, p.demo_store a:focus {
	color: #f00;
}

/* Price range */
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: var(--primary-color);
}

:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
	background-color: var(--primary-color) !important;
	color:#ffffff;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover {
	background-color: var(--secondary-color);
	color:#ffffff;
}

/* Blog Pagination */
.navigation.pagination {
	justify-content: center;
}
.navigation.pagination .nav-links .page-numbers {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--secondary-color);
	color: #ffffff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}
.navigation.pagination .nav-links a.page-numbers:hover,
.navigation.pagination .nav-links a.page-numbers:focus,
.navigation.pagination .nav-links .page-numbers.current {
	background-color: var(--primary-color);
	color: #ffffff;
}