@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);

:root {
    /*main*/
/*    --main-color: #46614e;*/
    
    /*text color*/
/*    --main-heading: #395f13;*/
/*    --about-heading: #000;*/
/*    --button-color: #fff;*/
/*    --new-rate: #000;*/
/*    --old-rate: #898989;*/
/*    --discount-rate: #388e3c;*/
    
    
    /*background color*/
/*    --button-background: #46614e;*/
/*    --instock-background: #46614e;*/
/*    --outstock-background: #ff0000ab;*/
/*    --footer-background: #46614ec9;*/
    
    /*font*/
    --font: "Poppins", sans-serif !important;
    
    /*extra*/
/*    --blue: #cb2b1d;*/
/*    --link: #46614e;*/

    /* new */
    /*--header-background: #fff;*/
    /*--header-text-color: #000;*/
    /*--newsletter-background: #46614e;*/
    /*--newsletter-text-color: #fff;*/
    /*--footer-heading-color: #fff;*/
    /*--footer-text-color: #fff;*/
    /*--footer-bottom-background: #46614e;*/
    /*--footer-bottom-text-color: #fff;*/
    /*--scrollbtn-background: #5c927e;*/
    /*--scrollbtn-icon-color: #fff;*/
    /*--facebook-icon: #1877F2;*/
    /*--instagram-icon: #E1306C;*/
    /*--youtube-icon: #FF0000;*/
    /*--pinterest-icon: #E60023;*/
    /*--linkedin-icon: #0077B5;*/
    /*--whatsapp-icon: #075E54;*/
    /*--vimeo-icon: #1ab7ea;*/
}

.facebook-icon{
    color: var(--facebook-icon);
}
.instagram-icon{
    color: var(--instagram-icon);
}
.youtube-icon{
    color: var(--youtube-icon);
}
.pinterest-icon{
    color: var(--pinterest-icon);
}
.linkedin-icon{
    color: var(--linkedin-icon);
}
.whatsapp-icon{
    color: var(--whatsapp-icon);
}
.vimeo-icon{
    color: var(--vimeo-icon);
}


.ltn__social-media ul li,
.ltn__top-bar-menu>ul>li {
    display: inline-block;
    list-style: none
}

.btn-white,
.btn_pro,
.btn_yellow {
    text-decoration: none !important;
    cursor: pointer
}

*,
::after,
::before {
    box-sizing: border-box
}

.scroller,
body,
html {
    overflow-x: hidden
}

*,
.client_section .client_container .client_detail p,
.d_address p,
.mb-0,
.smaep.newly_launch .carousel-item,
.thumb-wrapper {
    margin: 0
}

.about_section .container,
.contact-details__info li,
.contact-details__info li .icon,
.custom_heading-container,
.info_section .info_contact .box,
.login_btn-contanier a,
.navbar-brand,
.newsletter_form form,
.newsletter_inner {
    display: -webkit-box;
    display: -ms-flexbox
}

.health_section .box,
.info_section .info_contact .detail-box a,
.info_section .info_menu .navbar-nav .nav-item .nav-link,
.login_btn-contanier a,
.pulse,
.whatsapp-info,
body {
    font-family: var(--font);
    font-family: var(--font)
}

.g-menu,
.payment_card {
    list-style-type: none;
    padding: 0
}

.scroller header,
.scroller section,
.sect_werp {
    scroll-snap-align: start
}

#slider_view .category_slider,
.inner_page_breadcrumb,
.sect_werp {
    min-height: auto !important
}

.header_section .social-box img{
    height: 16px;
    width: 16px;
    margin: 0 .3rem;
}

*,
.blogsidebox button,
.discount_section .row .col-lg-7,
.hero_area,
.paading_zero,
.padd-0,
.padding0,
.padding_zero,
.star-rating li {
    padding: 0
}

svg {
    width: 34px;
    height: 27px
}

.about_us .image-section {
    padding: 20px 20px 0px 0px !important;
    height: 100% !important; 
    width: 30% !important;
}

#mega-menu a:hover::after,
#mysearch_dropdown_ a:hover::before,
.about_section .container .img-box img,
.box-wer,
.btn-primary span:hover:after,
.btn-primary:hover:after,
.discount_section .img-box img,
.full-width,
.health_section .box .btn_container,
.health_section .box .img-box img,
.imhhh,
.mobile-cart-box .mcart-img img,
.navbar .submega li a:hover::before,
.overlay,
.search_dropdown_ input:hover::before,
.slider_section #carouselExampleIndicators,
.slider_section .img-box img,
.tabs,
.w100,
.width,
body {
    width: 100%
}

body {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    color: #000;
    background-color: #fff
}

#newly_arrived .owl-prev .owl-carousel button.owl-dot,
#slider_view.home_page_slider_section,
.bgwhite {
    background: #fff !important
}

.product_tab,
.related_product,
.top-padding {
    padding-top: 4% !important
}

.scroller {
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    height: 100%
}

section:nth-child(odd) {
    background: #f6f6f6
}

p {
    font-size: 16px;
    font-weight: 400;
    font-family: Figtree, sans-serif;
    margin-top: 0;
    margin-bottom: .2rem
}

.layout_padding {
    padding: 100px 0
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#mega-menu a::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: var(--main-color);
    transition: width .3s
}

#scrollToTopBtn {
    background: var(--scrollbtn-background);
    border: none;
    border-radius: 55%;
    padding: 10px 16px !important;
    box-shadow: 2px 2px 10px #00000047
}

#scrollToTopBtn i{
    color: var(--scrollbtn-icon-color);
}

.add-towish a,
.breadcrumb .active,
.btn-green.search-icon i,
.btn.btn-primary a,
.checkout li.active a,
.contact-card.active h4,
.contact-card.active p a,
.dropdown123 .dropbtn .underline-a,
.newsletter_content p a,
.newsletter_content p a:hover,
.percentsaving a,
.post-date span,
.share_btn:focus,
.share_btn:hover,
.share_btn:hover:before,
.slider_section .detail-box p,
.tt-promo-box.hover-type-2:hover .tt-description-wrapper * {
    color: #fff
}

.carousel .item-price b,
.category_box i,
.color_thrmr,
.primary_color,
.underline-a,
a {
    color: var(--main-color)
}

.slider.owl-carousel {
    z-index: 2
}

.slider.owl-carousel,
.slider.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: static
}

.nav-item.dropdown:after {
    transition: transform 250ms ease-in-out;
    transform-origin: 100% 50%
}

.nav-item.dropdown:hover:after {
    transform-origin: 0 50%
}

.pt-6 {
    padding-top: 4rem !important
}

.layout_padding2-top {
    padding-top: 55px
}

.bestttt.smaep,
.layout_padding2-bottom {
    padding-bottom: 55px
}

.layout_padding-top {
    padding-top: 100px
}

.layout_padding-bottom {
    padding-bottom: 100px
}

#alertBox p,
#cat-slider h5,
.cn-talk,
.contact-card,
.contact-card i,
.contact-social,
.ctrl,
.home_page_slider_section .owl-carousel .owl-dots,
.section-title,
.t-center,
section.inner_page_breadcrumb .banner_title2 {
    text-align: center
}

.custom_heading-container {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.custom_heading-container h2 {
    text-transform: uppercase;
    position: relative
}

.custom_heading-container h2::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50px;
    height: 5px;
    background-color: #10e7f4
}

.category_box ul li:last-child,
.navbar-nav li a .v1:last-child,
.single-blog.mt-30:hover .text-dark-red {
    border: none
}

.hero_area.sub_pages,
.sub_page .hero_area {
    height: auto
}

.btn.btn-green.search-icon {
    border-radius: 0 !important;
    height: 40px;
    margin-left: -4px;
    margin-top: -3px
}

.ltn__header-top-area {
    padding: 5px
}

.ltn__top-bar-menu.text-left {
    margin-top: 2px
}

.ltn__top-bar-menu>ul>li>a>i,
.ltn__top-bar-menu>ul>li>i {
    margin-right: 3px;
    color: #fff
}

.ltn__social-media li i {
    color: #000;
    font-size: 12px;
    margin: 2px 7px;
    vertical-align: middle;
    align-items: center
}

.ltn__top-bar-menu>ul>li {
    margin: 0 30px 0 0;
    font-size: 14px;
    font-weight: 100
}

.ltn__top-bar-menu>ul {
    padding: 0;
    margin: 0
}

.ltn__header-top-area .ltn__social-media ul li {
    text-align: center;
    width: 92px;
    font-size: 13px;
    margin: 0 -17px 0 0;
    border-right: 1px solid #d0c2c2
}

.ltn__header-top-area .ltn__social-media ul li:last-child {
    border-right: none
}

.cd-products-comparison-table .actions,
.mbcataccordion-2 i,
.social-container.header-user_ac ul,
.sort {
    float: right
}

.header_section .social-container i {
    /*color: var(--main-color);*/
    font-size: 16px;
    margin: 0 .3rem
}

.header_section .social-container img.s-1,
.header_section .social-container img.s-2,
.header_section .social-container img.s-3,
.info_section .info_contact .box .img-box img {
    width: 25px
}

.ltn__top-bar-menu.text-left a {
    color: #fff;
    font-size: 15px;
    position: relative;
    top: 10px
}

.mainh.nav-product.text-left {
    text-transform: capitalize
}

.header_section .container-fluid {
    padding: 0px 23px;
}

.header_section .container-fluid.primary_bg {
    background-color: var(--header-background);
    color: #000;
    text-align: center;
}

.Sign,
.happy_client .owl-stage-outer .owl-stage,
.header_section .nav_container,
.slider_view_happy_client .owl-stage,
.top-info img {
    margin: 0 auto
}

.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {
    padding: 2px 6px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--font)
}

.tt-promo-box:not(.hover-type-2):hover,
a,
a:focus,
a:hover {
    text-decoration: none
}

a:focus,
a:hover {
    color: initial
}

.btn,
.btn:focus {
    outline: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-brand,
.navbar-brand:hover {
    text-transform: uppercase;
    position: absolute;
    font-weight: 700;
    font-size: 24px;
    top: -14px;
    z-index: 99;
    color: #fafcfd
}

.navbar-brand img {
    aspect-ratio: 3/2;
    width: 163px;
    object-fit: contain;
    z-index: 9
}

.custom_nav-container .nav_search-btn {
    background-image: url(../images/search-icon.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    width: 35px;
    height: 35px;
    padding: 0;
    border: none;
    border-radius: 0
}

.login_btn-contanier a {
    text-transform: uppercase;
    color: #fff;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.info_section .info_contact .box .img-box,
.login_btn-contanier a img {
    margin-right: 15px
}

.navbar-brand {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider_view .slider .imhhh {
    object-fit: cover;
    height: 83vh;
    position: relative;
    top: -2px
}

.nrml {
    margin-bottom: -20px
}

.nrml.header_sticky {
    background: #fff;
    z-index: 99999999;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 1px 6px #0000001f;
    position: fixed;
    transition: .3s;
    height: 110px;
}

.mb-0,
.nrml.header_sticky .header_section ul li {
    margin-bottom: 0
}

.filter-type,
.nrml.header_sticky .sub-nav {
    font-size: 14px
}

.navbar-brand span {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 5px
}

.custom_nav-container {
    z-index: 1;
    padding: 1px 0
}

.custom_nav-container .form-inline {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.custom_nav-container .form-inline input {
    width: 84%;
    border: none;
    outline: 0;
    padding: 4px 4px 4px 15px;
    text-transform: uppercase;
    height: 35px;
    background-color: #fff
}

.custom_nav-container .form-inline button {
    background-color: #fff
}

.custom_nav-container .navbar-toggler,
.search_dropdown_ input:focus {
    outline: 0
}

.nrml.header_sticky .h50 {
    height: 45px
}

#navbarSupportedContent {
    margin-left: 14.5%
}

.slider_section {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 75px
}

.list-group.range-slider {
    width: auto !important
}

.slider_section .detail-box h1 {
    color: #2c2c2c
}

.slider_section .detail-box h1 span {
    font-size: 4rem;
    color: #fff;
    font-weight: 700
}

.slider_section .detail-box a {
    display: inline-block;
    padding: 10px 45px;
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 45px
}

.about_section .container .detail-box a:hover,
.health_section a:hover,
.slider_section .detail-box a:hover {
    background-color: transparent;
    color: #2c2c2c
}

.slider_section .carousel-control-next,
.slider_section .carousel-control-prev {
    position: absolute;
    left: 2.5%;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 100%;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-color: #2c2c2c;
    -webkit-transform: translateY(-50%) translatex(0);
    transform: translateY(-50%) translatex(0)
}

.slider_section .carousel-control-next:hover,
.slider_section .carousel-control-prev:hover {
    background-color: #fff;
    width: 55px;
    height: 55px;
    -webkit-transform: translateY(-50%) translatex(-5px);
    transform: translateY(-50%) translatex(-5px)
}

.slider_section .carousel-control-prev {
    top: 47%;
    background-image: url(../images/left-arrow.png)
}

.slider_section .carousel-control-prev:hover {
    background-image: url(../images/left-arrow-blue.png)
}

.slider_section .carousel-control-next {
    top: 62%;
    background-image: url(../images/right-arrow.png)
}

.slider_section .carousel-control-next:hover {
    background-image: url(../images/right-arrow-blue.png)
}

.slider_section .carousel-indicators {
    bottom: -75px
}

.slider_section .carousel-indicators li {
    margin: 0;
    height: 1px;
    opacity: 1;
    width: 40px
}

.slider_section .carousel-indicators li.active {
    height: 5px;
    margin-top: -2px;
    width: 45px
}

.shadow-sm {
    box-shadow: none !important
}

.feature_section .feature_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.feature_section .feature_container .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 350px;
    min-width: 350px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px auto
}

.feature_section .feature_container .box .img-box {
    border: 1px solid #000;
    width: 85px;
    padding: 15px;
    border-radius: 3px
}

.carousel img,
.feature_section .feature_container .box .img-box svg,
.tt-promo-box>img {
    width: 100%;
    height: auto
}

.feature_section .feature_container .box .detail-box,
.thumb-content {
    margin-top: 15px
}

.feature_section .feature_container .box .detail-box h5 {
    text-transform: uppercase;
    font-weight: 700
}

.feature_section .feature_container .box:hover .img-box {
    border: 1px solid #10e7f4
}

.feature_section .feature_container .box:hover .img-box svg {
    fill: #10e7f4
}

.discount_section {
    background-color: #1e1d1d;
    color: #fff
}

.discount_section .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about_section .container,
.health_section .box {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.discount_section .detail-box {
    padding: 45px 0
}

.discount_section .detail-box h2 {
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 700
}

.discount_section .detail-box h2 span,
.health_section .box .detail-box .text h6.price span {
    color: #10e7f4
}

.client_section .client_container .client_box .name,
.contact_section .detail-box p,
.discount_section .detail-box p {
    margin-top: 25px
}

.discount_section .detail-box a {
    display: inline-block;
    padding: 10px 45px;
    background-color: #10e7f4;
    border: 1px solid #10e7f4;
    color: #fff;
    margin-top: 35px
}

.discount_section .detail-box a:hover,
.info_section .info_news form button:hover {
    background-color: transparent;
    color: #10e7f4
}

.health_section .box .btn_container a,
.health_section a {
    display: inline-block;
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c
}

.health_section .health_carousel-container {
    width: 90%;
    margin: 0 auto
}

.health_section a {
    padding: 10px 45px;
    color: #fff;
    margin-top: 30px
}

.health_section .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 300px;
    height: 360px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #a6a6a6;
    margin: 20px 0
}

.health_section .box .btn_container a {
    padding: 8px 15px;
    color: #fff;
    margin: -.5px 0 0 -.5px
}

.health_section .box .btn_container a:hover {
    background-color: #10e7f4;
    color: #fff;
    border-color: transparent
}

.health_section .box .detail-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px
}

.health_section .box .detail-box .star_container {
    color: #f5c608
}

.health_section .box .detail-box .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-info .read-btn,
.client_section .client_container .client_box .name h5,
.health_section .box .detail-box .text h6,
.post-title,
.snip1563 h3,
.snip1571 h3,
.testimonial .title,
h1 {
    text-transform: uppercase
}

.health_section .box .detail-box .text h6.price {
    font-weight: 700;
    margin-left: 15px
}

#about:checked~.text-wishlist2-content .about,
#blog:checked~.text-wishlist2-content .blog,
#code:checked~.text-wishlist2-content .code,
#help:checked~.text-wishlist2-content .help,
#home:checked~.text-wishlist2-content .home,
.d-bloack,
.dropdown123:hover .dropdown-content123,
.dropdown:hover .dropdown-content,
.health_section .owl-carousel .owl-nav.disabled,
.product-grid .product-image a.image,
.search_barselect .dropdown:hover .search_barselect .dropdown-content,
.show,
.tab.active,
.wishlist2-content .text-wishlist2-content .home {
    display: block !important
}

.health_section .owl-carousel .owl-nav.disabled>div {
    position: absolute;
    top: -65px;
    background-color: #2c2c2c;
    width: 50px;
    height: 50px;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat
}

.health_section .owl-carousel .owl-nav.disabled>div:hover {
    background-color: #10e7f4
}

.health_section .owl-carousel .owl-nav.disabled .owl-prev {
    background-image: url(../images/prev.png);
    right: 95px
}

.health_section .owl-carousel .owl-nav.disabled .owl-next {
    background-image: url(../images/next.png);
    right: 35px
}

.about_section {
    background-color: #f9f9f9;
    text-align: center;
    padding-top: 6rem !important
}

.image-section.editable img {
    animation: 20s cubic-bezier(.34, 1.56, .64, 1) infinite alternate forwards jumbo
}

@keyframes jumbo {
    0% {
        animation-timing-function: ease-in;
        opacity: 1;
        transform: translateY(-45px)
    }

    24% {
        opacity: 1
    }

    40% {
        animation-timing-function: ease-in;
        transform: translateY(-24px)
    }

    65% {
        animation-timing-function: ease-in;
        transform: translateY(-12px)
    }

    82% {
        animation-timing-function: ease-in;
        transform: translateY(-6px)
    }

    93% {
        animation-timing-function: ease-in;
        transform: translateY(-4px)
    }

    25%,
    55%,
    75%,
    87% {
        animation-timing-function: ease-out;
        transform: translateY(0)
    }

    100% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0)
    }
}

.section.section_row_col h4 {
    font-size: 1.5rem;
    color: var(--main-heading);
    font-weight: 600
}

.home_page_slider_section .owl-carousel .owl-dot {
    background: #000 !important;
    height: 12px;
    border-radius: 50%;
    width: 12px;
    text-align: center;
    margin: -34px 9px 9px !important;
    position: relative;
    color: inherit;
    padding: 0 !important;
    font: inherit
}

.image-section.editable {
    display: flex;
    justify-content: center;
    align-items: center
}

.about_section .container {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about_section .container .img-box {
    margin: 45px 0 45px 40px
}

.about_section .container .detail-box a {
    display: inline-block;
    padding: 10px 45px;
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
    color: #fff;
    margin-top: 35px
}

.client_section .client_container {
    width: 550px;
    margin: 0 auto;
    text-align: center
}

.client_section .client_container .client_detail {
    border: 1px solid #000;
    padding: 25px 20px
}

.client_section .client_container .client_box {
    margin-top: 35px
}

.client_section .client_container .client_box .name h6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2deaf5
}

.client_section .client_container .client_box .name h6 img,
.ctrl {
    margin-top: 5px
}

.client_section .carousel-indicators {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: -25px
}

.client_section .carousel-indicators li {
    margin: 3px;
    width: 20px;
    height: 20px;
    opacity: 1;
    background-color: #10e7f4;
    border-radius: 100%;
    position: relative
}

.client_section .carousel-indicators li::before {
    content: "";
    width: 35%;
    height: 35%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 100%
}

.client_section .carousel-indicators li.active {
    background-color: #161616;
    width: 15px;
    height: 15px
}

.client_section .carousel-indicators li.active::before {
    display: none
}

.cn2 {
    height: 65vh;
    width: 100%;
    object-fit: cover
}

#load_cart,
.contact-details__info,
.container-fluid.primary_bg.nrml-header {
    padding-top: 23px
}

.contact-details__info li {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details__info li:hover .icon {
    background-color: grey
}

.saa.vcontact_address.grid_view .main_div {
    padding: 0 25px;
    align-items: center;
    justify-content: center;
    display: grid
}

.in_bac .form-control,
.login_bac .form-control,
.saa.vcontact_address.grid_view .form-control {
    background-color: #fff !important
}

.saa.vcontact_address.grid_view .add-contact_section_1 {
    background: #fbfbfb;
    padding: 30px 10px;
    width: 100%;
    box-shadow: 4px 3px 2px #e7e7e7
}

.contact-details__info li .icon {
    min-height: 80px;
    min-width: 80px;
    margin: 10px;
    background-color: var(--main-color);
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .5s;
    transition: .5s
}

.contact-details__info li .icon span {
    color: #fff;
    font-size: 25px;
    -webkit-transition: .5s;
    transition: .5s
}

.add-contact_map_1 iframe {
    width: 100%;
    height: 80vh;
    margin-top: 6vh;
    padding-bottom: 38px
}

.n_pssd {
    border-bottom: 1px solid #dcdcdc;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 0
}

#alertboxcontainer>#alertBox,
#scrollBtn {
    position: fixed
}

.n_pssd:after {
    content: "";
    position: absolute;
    background: var(--footer-background);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.contact_address label {
    margin-bottom: 14px !important
}

.vcontact_address {
    padding-top: 60px
}

.img-contact {
    height: 84vh
}

.contact_section .custom_heading-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.contact_section .custom_heading-container h2::after {
    left: 0;
    -webkit-transform: none;
    transform: none
}

.contact-social h4,
.contact_section .form_contaier form .form-group,
.success-text .section_name {
    margin-bottom: 20px
}

.contact_section .form_contaier form .form-control {
    border-radius: 0;
    height: 35px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact_section .form_contaier form .form-control#exampleInputMessage,
.full-des,
.image.product-thumbnail.pt-40,
.order_summary img {
    height: 100px
}

.contact_section .form_contaier form button {
    display: inline-block;
    padding: 10px 50px;
    background-color: #121313;
    border: 1px solid #121313;
    color: #fff;
    border-radius: 5px;
    margin-top: 15px
}

.contact_section .form_contaier form button:hover {
    background-color: transparent;
    color: #121313
}

.contact_section .detail-box {
    background-image: url(../images/contact-bg.jpg);
    color: #fff;
    padding: 140px 15%;
    text-align: center;
    margin-top: 30px
}

.contact_section .detail-box h3 {
    font-weight: 700;
    font-size: 32px
}

.info_section {
    position: relative;
    margin-top: 0 !important;
    background-color: #fff;
    color: #000;
    background-position: bottom right;
    background-repeat: no-repeat
}

.info_section h4 {
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 700
}

.info_section .info_contact .box {
    margin: 10px 0;
    display: flex;
    color: #888181
}

.info_section .info_contact .detail-box a {
    color: #000;
    font-weight: 100
}

.info_section .info_menu .navbar-nav .nav-item .nav-link {
    color: var(--footer-text-color);
    font-weight: 400;
    font-size: 15px
}

.info_section .info_news form input {
    width: 100%;
    padding: 3px 10px
}

.info_section .info_news form button {
    display: inline-block;
    padding: 7px 60px;
    background-color: #10e7f4;
    border: 1px solid #10e7f4;
    color: #fff
}

.n_pssd {
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
}

.d-flex,
.n_pssd .row,
.payment_card,
.post-meta.fix {
    display: flex
}

#scrollBtn {
    display: none;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: 0;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px
}

#scrollBtn:hover {
    background-color: #555
}

.pulse,
.whatsapp-info {
    color: #fff;
    background: #1ab744;
    position: fixed;
    bottom: 50px;
    left: 50px;
    font-size: 44px;
    text-align: center;
    z-index: 99;
    border-radius: 90%;
    height: 55px;
    width: 55px;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    padding-top: 6px
}

.my_accimg,
.my_accimg1 {
    height: 30px;
    position: relative
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: .3
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.pulse:first-child {
    -webkit-animation: 2s infinite pulse;
    animation: 2s infinite pulse
}

.pulse:nth-child(2) {
    -webkit-animation: 2s .3s infinite pulse;
    animation: 2s .3s infinite pulse
}

.pulse:nth-child(3) {
    -webkit-animation: 2s .6s infinite pulse;
    animation: 2s .6s infinite pulse
}

.fa-whatsapp {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale
}

#badge,
.best-seller h4,
.carousel .thumb-content .btn,
.g-menu a,
.info_contact h6,
.main-font1,
.section-title,
.section-video-content h2,
.shell-banner__overlay,
.variant_box,
.variant_box1 {
    font-family: var(--font)
}

.footer_section,
tfoot tr td {
    font-weight: 500
}

.fa-whatsapp:before {
    content: "\f232" !important
}

.scroller footer section {
    scroll-snap-align: start;
    height: 96vh
}

#alertBox #closeBtn,
.cart-counter,
.cart:hover .cart-counter,
.mega_menu .menu-item.main_a:hover:before,
.wishlist-counter,
.wishlist:hover .wishlist-counter,
input:checked~.checkmark {
    background-color: var(--main-color)
}

.footer_section{
    background-color: var(--footer-bottom-background)
}

footer .info_section h4 {
    padding-top: 3rem
}

.footer_section .social_icon .fa-whatsapp {
    line-height: 58px !important
}

.footer_section p {
    padding: 20px 0px
}

.v1 {
    border-left: 2px solid #c0b7b7;
    margin-left: 9px
}

.footer_section a {
    color: #fbfcfd
}

.Buy_btn,
.add-towish,
.add-towish button,
.bg-green,
.btn-primary:hover,
.cart_btn:hover,
.primary_bg,
.sch-social .link,
.topheader {
    background: var(--main-color)
}

.item-price .primary_color {
    color: var(--new-rate);
    margin-left: -6px;
    font-size: 17px
}

.my_accimg1 {
    top: 2px;
    left: 0
}

.my_accimg {
    display: none;
    margin-top: -5px;
    left: -7px
}

.btn.btn-green.search-icon {
    background: #46614e00;
    display: none
}

.user_name_site {
    margin-top: -7px;
    position: absolute;
    right: 8px;
    text-align: end;
    left: -30px
}

.middle-box {
    margin-left: calc(-16px + 13 * (100vw - 320px)/ 1600)
}

.btn.search-button {
    height: 45px;
    border-radius: 0
}

.btn-green {
    background: #afed30
}

.header-left ul li,
.header-right ul li {
    display: inline-block;
    font-size: 14px;
    color: rgba(255, 255, 255, .7215686274509804);
    margin: 0 1em
}

.home_icon {
    font-size: 20px;
    color: var(--main-color);
    margin: 2.2px
}

.lic {
    display: flex;
    left: 18%;
    position: absolute
}

.carousel {
    margin: 0 auto;
    padding: 0
}

.best-seller .item.carousel-item,
.carousel .thumb-wrapper {
    background-color: #fff;
    border: 1px solid #f5f4f4;
    border-radius: 6px;
    padding: 25px 15px;
    text-align: left;
    position: relative;
    box-shadow: 0 2px 3px rgb(224 218 218 / 20%)
}

.countdown-timer {
    background: #fcfffd;
    padding: 10px;
    width: 250px;
    border-radius: 18px;
    text-align: center
}

#hours,
#minutes,
#seconds {
    font-size: 2rem;
    margin-left: 1
}

.deals_month .carousel .item img {
    object-fit: contain;
    min-height: 310px;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    height: 500px
}

.deals_month .carousel .item h4 {
    margin-bottom: 31px;
    word-wrap: anywhere
}

.deals_month .shopping-cart #controls {
    width: 100%;
    display: flex;
    margin: 23px 0
}

#divcat .carousel .item .img-box,
.best-seller .img-box {
    object-fit: contain;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
    position: relative
}

.carousel .item img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: absolute
}

.carousel .item h4,
.g-size-medium {
    font-size: 18px
}

.deals_month p,
.wishlist2-container .text p {
    text-align: justify
}

.best-seller h4 {
    height: 64px;
    font-size: 15px;
    color: var(--main-color)
}

.carousel .thumb-content .btn {
    font-size: 15px;
    text-transform: uppercase;
    background: 0 0;
    border: 1px solid var(--main-color);
    padding: 13px 14px;
    margin-top: 5px;
    line-height: 16px;
    border-radius: 4px;
    width: 100%;
    background: var(--main-color);
    color: #fff #f0f8ff
}

.carousel .thumb-content .btn i {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px
}

.carousel .item-price {
    font-size: 19px;
    padding: 2px 0
}

.carousel .item-price strike {
    opacity: .7;
    margin-right: 5px
}

.carousel-control-next,
.carousel-control-prev {
    height: 33px;
    width: 33px;
    background: var(--main-color);
    margin: auto 0;
    border-radius: 19px;
    opacity: .8;
    z-index: 0
}

.carousel .wish-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99;
    cursor: pointer;
    font-size: 16px;
    color: #abb0b8
}

.carousel .wish-icon .fa-heart {
    color: #ff6161
}

.star-rating i {
    font-size: 14px;
    color: #ffc000
}

.best-seller {
    margin: 12px auto 0;
    padding: 6px 39px
}

.best-seller .btn-primary {
    width: 100%;
    border-radius: 2px
}

.category-product .item,
.category-product .item img {
    display: inline-block;
    position: inherit;
    border-radius: 141px;
    width: 180px
}

.category-product .item img {
    object-fit: cover;
    height: 181px
}

.wrapper_category_listing .thumb-content {
    background: red
}

.category-product {
    background: #fafafa
}

.overlay-small .shell-banner__overlay,
.shell-banner__overlay {
    background-image: url(https://www.gardensneederp.com/gardensneed/images/counter_bg7.png)
}

.category-product .item {
    color: #747d89;
    min-height: auto;
    text-align: center;
    overflow: hidden;
    padding: 0;
    object-fit: unset;
    height: 180px;
    border: 1px solid #ecebeb
}

.about_section p {
    font-size: 15px;
    line-height: 31px
}

.layout_padding {
    padding-top: 100px;
    padding-bottom: 100px
}

.about_text {
    width: 100%;
    float: left;
    font-size: 40px;
    color: #000;
    text-transform: capitalize;
    font-weight: 600;
    text-align: left
}

.lorem_text {
    width: 100%;
    font-size: 15px;
    color: #000;
    padding-top: 40px;
    text-align: justify;
    font-weight: 600
}

.category_slider,
.check-out-main,
.home_page_blog_section,
.home_page_hot_product,
.home_page_product_deal_section,
.slider-wrapper_product_slider,
.career_section_welcome,
.event_section_welcome,
.testimonials_section {
    padding-top: 4% !important;
    padding-bottom: 4% !important
}

.category_listing,
.product_slider_1,
.slider_blog_section,
.slider_view_blog_section,
.slider_view_category_listing,
.slider_view_happy_client,
.product_slider_2,
.product_slider_3,
.slider_view_career_section,
.slider_view_event_section,
.slider_view_testimonial_section {
    padding-top: 4rem
}

.home_page_product_deal_section .product_rate {
    top: -10px;
}

.shell-banner__box {
    position: relative;
    margin-bottom: 10px
}

.shell-banner__img img {
    width: 100%;
    object-fit: cover
}

.shell-banner__overlay {
    position: absolute;
    padding: 35px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    color: #f7f7f7;
    background-position: bottom right;
    background-repeat: no-repeat
}

.overlay-small .shell-banner__overlay {
    background-repeat: repeat;
    background-position: 200px 0
}

.single-banner__texts {
    float: right;
    width: 50%;
    margin-top: 2rem !important
}

@media only screen and (min-width:1200px) {
    .shell-banner__overlay-title p {
        text-transform: capitalize;
        color: #999191
    }
}

.overlay-small .shell-banner__overlay-title h3 {
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    filter: drop-shadow(1px 2px 3px black)
}

.shell-banner__overlay-title h3 {
    font-size: 23px;
    text-transform: capitalize;
    font-weight: 600;
    color: #006f45
}

.neckbands__button {
    bottom: 10px;
    position: absolute;
    right: inherit;
    width: 50%
}

.overlay img {
    width: 50%;
    height: 255px;
    object-fit: contain;
    margin-top: 10px;
    float: left
}

#badge,
.g-menu li {
    margin: 0 1rem
}

.overlay-small {
    width: 100%;
    overflow: hidden
}

.overlay-small img {
    height: 164px;
    object-fit: contain;
    padding: 10px;
    width: 50%;
    float: left
}

.overlay-small .single-banner__texts {
    margin-top: -1rem !important
}

.content {
    height: 40px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: hidden
}

.subscription .add-email,
.subscription .submit-email {
    border: none;
    padding: 0 20px;
    position: absolute;
    font-family: var(--font);
    top: 0;
    outline: 0
}

#cat-slider,
#cat-slider .slide,
.blog-2 .blog-photo,
.center-box .social-container,
.contact-form .form-input-group,
.form-position,
.ltn__social-media.social_ic,
.sch-social .link,
.sch-star,
.shopping-cart-icon,
.subscription,
.tt-promo-box.tt-one-child .tt-description .tt-description-wrapper>:not(.tt-background),
.tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper>:not(.tt-background) {
    position: relative
}

.subscription {
    width: 100%;
    height: 100%
}

.subscription .add-email {
    left: 0;
    width: 100%;
    height: 100%
}

.subscription .submit-email {
    right: 0;
    height: calc(100% - 4px);
    width: 150px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 2px;
    margin: 2px;
    cursor: pointer;
    background: var(--main-color);
    color: #fff
}

.subscription.done .submit-email {
    width: calc(100% - 4px);
    background: #c0e02e
}

.subscription .submit-email .after-submit,
.subscription .submit-email .before-submit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 38px;
    transition: visibility .35s ease-in-out, opacity .35s ease-in-out
}

.subscription.done .submit-email .before-submit,
.subscription:not(.done) .submit-email .after-submit {
    visibility: hidden;
    opacity: 0
}

.subscription .submit-email .after-submit {
    transition-delay: 0.35s
}

.carousel-item:hover .btn_pro,
.subscription.done .submit-email .after-submit,
.subscription:not(.done) .submit-email .before-submit {
    visibility: visible;
    opacity: 1
}

.g-menu {
    display: inline-block;
    justify-content: center
}

.payment_card i {
    margin: 0 .2rem;
    font-size: 20px
}

.social_icon ul {
    margin: 0;
    padding: 0;
    display: inline-flex
}

.social_icon li {
    height: 30px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 5px
}

.social_icon li a {
    color: #000;
    width: 30px;
    height: 30px;
    background-color: #fff;
    float: left;
    text-align: center;
    line-height: 31px;
    border-radius: 4px;
    font-size: 17px
}

.info_section.layout_padding2 img.center {
    padding-bottom: 7px;
    height: 50px;
    position: relative;
    margin-bottom: 10px
}

#header-carousel .p-5 {
    padding: 0 !important;
    filter: drop-shadow(2px 4px 6px black)
}

#header-carousel .carousel-item {
    margin: 0;
    height: 68vh
}

#header-carousel.owl-carousel .owl-nav.disabled,
#slider_view .happy_client .owl-carousel .owl-dots.disabled {
    display: none !important
}

#header-carouse.owl-carousel .owl-item img {
    object-fit: cover;
    height: 66vh
}

.center {
    display: block;
    padding: 2px;
    margin-left: auto;
    margin-right: auto
}

#badge {
    color: #000;
    text-align: center
}

.shopping-cart-icon {
    font-size: 150px;
    opacity: 1;
    z-index: 2;
    color: grey
}

.shopping-cart #controls {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

#cat-slider .item,
.icijjjkl,
.inner.archived label {
    margin-right: 10px
}

#btnRemove,
.shopping-cart #btnAdd {
    background: var(--main-color);
    border: 1px solid var(--main-color)
}

.news_text {
    text-align: left;
    padding-left: 67px
}

.best-seller l {
    margin: 0 auto;
    padding: 6px 4px
}

.icijjjkl {
    width: 27px;
    height: 27px;
    line-height: 2 !important;
    text-align: center;
    background: #e9e9e9;
    border: 1px solid #ffe8e8;
    border-radius: 50%
}

#alertBox,
.about_section {
    background-repeat: no-repeat
}

.about_section {
    width: 100%;
    background-image: linear-gradient(45deg, rgb(61 61 61 / 75%), rgb(203 43 29 / 18%)), url(https://mybesterp.com/upload/different-kitchen-utensil-blue-wooden-background185193-61976-1717589871.avif);
    height: auto;
    background-size: 100%;
    background-position: 25% left;
    background-attachment: fixed
}

.detail-box,
.info_menu {
    text-align: left
}

.info_contact h6 {
    text-align: left;
    color: var(--footer-heading-color);
    font-size: 1.2rem;
    margin-bottom: 1.5rem !important
}

.info_contact {
    border-right: 0px solid #bfb9b9
}

.social_icon {
    width: 100%;
    margin: 4px auto;
    text-align: right;
    padding-top: 15px;
    padding-bottom: 12px;
    padding-right: 21px
}

.footer_section p {
    text-align: left; 
    color: var(--footer-bottom-text-color);
    margin: 0;
    border-top: 1px solid #9b9b9b
}

.info_contact .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: left
}

.social-container.float-right .imgicon {
    height: 16px;
    margin: 0 8px
}

.btn-green.search-icon i {
    padding-right: 4px;
    font-size: 18px
}

.common_section .section.section_row_col .section_description ul li,
.header-user_ac {}

.bg-green {
    margin-right: 20px;
    padding: 82px;
    color: #fff;
    margin-left: 20px
}

.sch-star {
    color: #f6c043;
    font-size: 10px;
    margin: 0 10px 0 0;
    list-style: none;
    width: auto;
    float: left;
    padding-left: 0;
    padding-right: 0;
    line-height: 25px;
    text-align: left
}

.ctrl-btn i,
.sch-social .link {
    color: #fff;
    display: inline-block
}

#demo .carousel-item img {
    height: 500px
}

.sch-price {
    display: flex;
    flex-direction: column;
    width: 40%;
    text-align: right;
    float: right
}

.sch-social .link {
    line-height: 17px;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 10px;
    transition: .5s;
    font-size: 15px
}

.best-seller .percentsaving,
.percentsaving {
    vertical-align: top;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    z-index: 33;
    opacity: 1
}

.percentsaving {
    border-radius: 5px;
    top: 221px;
    left: 38px;
    background-color: #45b775;
    transition: none
}

.best-seller .percentsaving a,
.blog-2 .like-share a:hover,
.text-dark-red {
    color: #000
}

.best-seller .percentsaving {
    border-radius: 0 0 0 1px;
    top: 29px;
    left: 18px;
    background-color: #a8e134
}

.banner-img .banner-text,
.ctrl-btn,
.ctrl-btn i {
    top: 50%;
    position: absolute
}

.bannerslider .next,
.bannerslider .prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    transition: .6s;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background: #afed30
}

.box-foote,
.box-footer,
.contact-social,
.row.paginationdiv,
.tt-promo-box .tt-description [class^=btn] {
    margin-top: 20px
}

.bannerslider .next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.bannerslider .mySlides img {
    height: 650px;
    object-fit: cover
}

.bannerslider .next:hover,
.bannerslider .prev:hover {
    background-color: rgba(175, 237, 48, .8)
}

.bannerslider .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s
}

.bannerslider .active,
.bannerslider .dot:hover {
    background-color: #717171
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media only screen and (max-width:300px) {

    .next,
    .prev,
    .text {
        font-size: 11px
    }
}

#cat-slider {
    width: 100%;
    height: auto;
    margin: auto
}

#cat-slider::-webkit-scrollbar {
    display: none
}

#cat-slider .slide {
    display: flex;
    left: 0;
    padding-left: 33px;
    transition: left .3s ease-in-out
}

#cat-slider .item:last-child {
    margin-right: 0
}

#cat-slider h5 {
    min-width: 200px;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    margin-top: 11px;
    letter-spacing: 1px;
    width: 100%
}

.ctrl-btn {
    height: 33px;
    width: 33px;
    background: var(--main-color) 9e;
    margin: auto 0;
    border-radius: 19px;
    opacity: .8
}

.ctrl-btn i {
    font-size: 19px;
    margin: -9px 0 0 4px;
    z-index: 5;
    left: 7px;
    right: 0;
    text-shadow: none;
    font-weight: 700
}

#newly_arrived .owl-prev,
.ctrl-btn.pro-prev {
    left: 0
}

.ctrl-btn.pro-next {
    right: 0
}

.banner-img.style-2 {
    border-radius: 15px;
    overflow: hidden;
    height: 535px;
    background-image: linear-gradient(45deg, var(--main-color) b3, var(--main-color) 80), url(https://nest-nextjs.vercel.app/_next/static/media/banner-4.dcd7d594.png);
    background-size: cover;
    width: 100%
}

.banner-img {
    position: relative;
    clear: both
}

.banner-img.style-2 .banner-text {
    top: 50px;
    transform: none
}

.banner-img .banner-text {
    z-index: 2;
    transform: translateY(-50%);
    padding: 0 50px
}

#cart_table .section-title,
.product.smaep .section-title {
    padding-bottom: 0
}

.address-row {
    padding: 11px;
    border: 2px solid #f1eeee
}

.card-body {
    padding: .5rem
}

.about_use .section_description,
.add-address,
.nav.nav-pills {
    padding-top: 20px
}

.section-title {
    padding-bottom: 12px;
    color: var(--main-color);
    margin-bottom: 37px;
    position: relative;
    justify-content: space-between
}

.custome_select,
.custome_select:hover {
    background: var(--main-color);
    color: #fff
}

.custome_select {
    padding: 8px;
    border: 1px solid #fff
}

.Buy_btn:hover,
.cart_table,
.variant_box1 {
    background: #fff
}

.cart_image img {
    object-fit: contain;
    /*margin-left: -42px !important*/
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    font-weight: 300
}

.cart-header {
    margin: 100px 0 40px !important
}

.pro_cart {
    padding-left: 18px
}

.cart_bottom {
    border: #c3b8b8;
    background: #f6f5f5;
    padding: 10px
}

.btn-gray1 {
    color: #000;
    background-color: #b1abab;
    border-color: #949494;
    margin-left: 20px
}

.checkout_bg {
    background: #f6f5f5;
    padding: 10px
}

.pot_icon,
.tab {
    display: none
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 14px;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order-summary-grand-total td {
    padding: 0 !important
}

.order-button-payment tr td,
tfoot tr td {
    border-top: none !important
}

.checkout_bg ul {
    display: inline-flex;
    position: relative;
    padding: 0;
    list-style: none
}

.btn-white,
.btn_pro,
.btn_yellow,
.contact-card i,
.tab-links a,
.tabs {
    display: inline-block
}

.checkout_bg img {
    margin: 0;
    height: 40px
}

.add-address,
.menu_detail .product-grid .rating {
    padding-bottom: 10px
}

.cart_bottom a,
.cart_bottom a:focus,
.cart_bottom a:hover {
    text-decoration: underline;
    vertical-align: middle;
    text-transform: uppercase
}

.float-right.mb-3 .text-body i {
    font-size: 21px;
    margin: 0 .5rem
}

.checkout_radio {
    font-size: 17px;
    top: 11px;
    position: inherit
}

.fade_text {
    color: #727272
}

.checkout_txt {
    font-size: 17px
}

.tab-links:after {
    display: block;
    clear: both;
    content: ""
}

.tab-links li {
    margin: 0 5px;
    float: left;
    list-style: none
}

.tab-links a {
    padding: 9px 15px;
    border-radius: 3px 3px 0 0;
    background: #7fb5da;
    font-size: 16px;
    font-weight: 600;
    color: #4c4c4c;
    transition: .15s linear
}

.tab-links a:hover {
    background: #a7cce5;
    text-decoration: none
}

.tab-content {
    padding: 10px
}

.checkout li {
    margin: 2px 10px;
    padding: 7px 30px;
    border-radius: 7px 7px 2px 3px;
    color: #000;
    background: #ccc
}

.checkout li.active {
    color: #fff !important;
    background: var(--main-color) !important
}

.free-quote-title {
    font-size: 1.2rem
}

.red {
    color: #aa0907 !important
}

.nav.nav-pills {
    border-bottom: 1px solid #f0ebeb
}

.nav-item {
    padding: 0 27px 10px 0;
    color: #5c927e;
    font-size: 16px;
    font-weight: 600
}

.get-otp {
    padding-top: 7px
}

.order_summary {
    background: #f1eeee;
    padding: 20px
}

.question_m {
    font-size: 20px;
    top: 38px;
    position: relative;
    color: #ccc
}

.text_gary {
    color: #ccc
}

.cat-grid .thumb-content {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    margin-bottom: 30px;
    border-radius: 1rem
}

.cat-grid h4 {
    font-weight: 600;
    padding-top: 0;
    color: #000;
    font-size: 1.1rem
}

.category_box .box-heading {
    background: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    padding: 10px 15px;
    text-transform: capitalize;
    margin: 0;
    text-align: left
}

.breadcrumb-item a,
.btn-primary:hover,
.cart_btn:hover {
    color: #fff !important
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none
}

.section_row ul li::marker {
    display: none
}

.category_box .box-heading span {
    display: none;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    float: right
}

.category_box {
    background: #f6f6f6;
    padding: 9px;
    margin-bottom: 30px
}

.category_box ul {
    list-style: none;
    padding: 2px
}

.category_box .content {
    width: 100%;
    height: auto;
    box-shadow: 2px 4px 10px rgb(0 0 0 / 0%);
    border-radius: 4px;
    display: block
}

.cat_active {
    font-size: 1.1rem;
    padding-bottom: 9px;
    color: var(--main-color);
    font-weight: 500;
    border-bottom: 2px dashed var(--main-color) 52
}

.category_box .submenu li {
    font-size: 14px;
    line-height: 19px;
    padding: 7px 13px;
    border: 0;
    margin-bottom: 7px
}

.category_box ul li {
    line-height: 20px;
    padding: 12px 0;
    border: 0;
    border-bottom: 1px dashed #d7d7d8
}

.vl {
    border-left: 2px solid #c0b7b7;
    height: 100px;
    margin-left: 9px
}

.g_needs-breadcrumb-area {
    background: #ededed;
    padding: 20px
}

.breadcrumb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: 0 0;
    margin: 0 0 1rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.contact-form,
.contact-map {
    background: var(--white)
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--white);
    padding: 0 .5rem 0 8px;
    float: left;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
}

.contact-form {
    height: 537px
}

.contact-form h4 {
    margin-bottom: 25px
}

.contact-map iframe {
    width: 100%;
    border: none;
    height: 474px
}

@media (max-width:575px) {

    .contact-form,
    .contact-map {
        padding: 15px
    }
}

@media (min-width:401px) and (max-width:575px) {
    .contact-part .container {
        max-width: 400px
    }
}

.contact-card {
    border-radius: 8px;
    margin: 0 2.5px 30px;
    padding: 46px 0 35px;
    background: #ededed;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    height: 266px
}

.contact-form,
.contact-map {
    padding: 30px;
    margin: 0 2.5px 30px;
    background: #ece6e6;
    border-radius: 8px
}

.contact-card i {
    width: 50px;
    height: 50px;
    font-size: 22px;
    line-height: 50px;
    border-radius: 50%;
    margin-bottom: 15px;
    color: #197c3f;
    background: #fff;
    text-shadow: #000;
    -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
    box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear
}

.btn-white,
.btn_yellow {
    box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
    vertical-align: middle
}

.contact-card h4 {
    margin-bottom: 18px;
    text-transform: capitalize;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear
}

.contact-card p {
    width: 250px;
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear
}

.contact-card.active {
    background: #197c3f
}

.contact-form .form-input-group input {
    padding: 0 20px 2px 45px
}

.contact-form .form-control {
    width: 100%;
    height: 45px;
    border-radius: 6px;
    padding: 0 20px 2px;
    background: #f7f4f4;
    border: 1px solid #c4b8b8;
    color: #fff !important
}

.control-label {
    font-size: 15px;
    margin-bottom: 7px !important
}

.contact-form .form-input-group textarea {
    padding: 12px 20px 12px 45px
}

.contact-form .form-group textarea {
    height: 150px;
    padding: 12px 20px
}

.contact-form textarea.form-control {
    min-height: calc(1em + .75rem + 2px)
}

.contact-form textarea {
    height: 47px
}

.contact-form .form-input-group i {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center
}

.policy_content {
    line-height: 36px;
    color: #746e6e
}

.cat_image_menu {
    height: 61px;
    max-width: 85px;
    border-radius: 30px;
    object-fit: contain
}

.mt22 {
    margin-top: 30px
}

.menu_detail .thumb-wrapper {
    padding: 25px 0 0 0 !important;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: 10px;
    text-align: left;
    position: relative;
    margin-top: 8px;
    box-shadow: 0 2px 3px rgb(224 218 218 / 20%);
    height: 450px !important;
    overflow: hidden
}

.menu_detail .product-item {
    margin-bottom: 16px
}

.product-item h4 {
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cat_accordion {
    transition: .4s
}

.cat_panel {
    display: none;
    overflow: hidden
}

.menu_detail .img-box img {
    object-fit: contain;
    min-height: 174px;
    height: 153px;
    margin-bottom: 20px;
    width: 100%;
    position: relative
}

.more_btn {
    position: relative;
    right: 10px
}

.pointer,
.post li,
.search_btnw,
a {
    cursor: pointer
}

.post .submenu input {
    height: 12px;
    width: 12px
}

.ui-widget-content {
    border: none !important;
    background: 0 0 !important;
    color: none !important
}

.Buy_btn,
.Buy_btn:hover,
.cart_btn {
    border: 2px solid var(--main-color)
}

.ui-slider-horizontal .ui-slider-range {
    top: -1px !important;
    height: 52% !important
}

.cat_naming {
    font-size: 16px !important
}

.fa-hand-o-right {
    padding-left: 15px;
    padding-right: 7px
}

.variant_box,
.variant_box1 {
    color: #000;
    padding: 10px;
    width: 95%
}

.Buy_btn:hover,
.cart_btn,
.dashboard-box .breadcrumb a,
.login_bac .form-control:focus {
    color: #000 !important
}

.menu_detail h4 {
    height: 55px;
    margin-top: 3px
}

.menu_detail h4,
.menu_detail p,
.menu_detail ul {
    color: #656060;
    margin-bottom: 5px;
    word-wrap: anywhere;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500
}

.price_filter li {
    line-height: 20px;
    padding: 3px 0 !important;
    border: 0;
    border-bottom: 1px dashed #d7d7d800 !important
}

input:checked {
    background-color: var(--main-color) !important
}

.variant_box {
    background: #ededed
}

#header-carousel .item.carousel-item img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    object-fit: cover;
    height: 550px
}

@media all and (min--moz-device-pixel-ratio:0) and (max-width:680px) {
    #header-carousel .carousel-item {
        height: 490px !important
    }
}

#header-carousel .carousel-indicators {
    bottom: 25px;
    z-index: 0
}

#header-carousel .carousel-indicators li.active {
    background: rgb(255 255 255)
}

#header-carousel .carousel-indicators li {
    background: rgb(127 222 6)
}

#header-carousel .cccaption {
    position: absolute;
    left: 16% !important;
    top: 29%;
    z-index: 10;
    padding-top: 20px !important;
    padding-bottom: 20px;
    color: #fff;
    text-align: left
}

#header-carousel .display-1 {
    font-size: 3rem !important;
    font-weight: 900;
    line-height: 1.2
}

.footer_section .social_icon .fa {
    line-height: 32px
}

.g-menu a {
    font-weight: 500
}

.main-font1 {
    font-weight: 400
}

.cart_btn {
    margin-left: 70px;
    font-weight: 400;
    background: #fff;
    width: 183px;
    font-size: 16px
}

.Buy_btn {
    font-weight: 500;
    width: 205px;
    color: #fff !important;
    font-size: 21px
}

no {
    position: relative;
    overflow: hidden;
    margin: 10px
}

.cd-products-table,
.product-grid .product-image,
.product-item,
.shine1 {
    position: relative;
    overflow: hidden
}

.shine1::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    height: 100%;
    position: absolute;
    top: 0
}

.shine:focus::before,
.shine:hover::before {
    animation: .85s shine
}

@keyframes shine1 {
    100% {
        left: 125%
    }
}

.right-image {
    position: absolute;
    right: 30px
}

.right-image img {
    height: 100% !important;
    position: relative !important
}

.blogsidebox button {
    top: 19px !important;
    right: 39px !important
}

.contact-section {
    position: relative;
    padding: 100px 0 50px;
    background: #f3faf8
}

.pattern-layer {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto
}

.contact-section .image-column .image img {
    display: block;
    width: 100%
}

.contact-section .image-column .image {
    position: relative;
    display: block;
    float: right
}

.contact-section .image-column .image-box {
    position: relative;
    margin-top: -40px
}

.login_bac {
    margin: 27px auto;
    background: #fff;
    padding: 28px
}

.deals_month .left-leaf {
    position: absolute;
    left: 5%;
    top: 120px
}

.deals_month .right-leaf {
    position: absolute;
    right: 5%;
    top: 120px
}

.p-50 {
    padding-right: 50px;
    padding-left: 50px
}

.tour {
    background: #ededed;
    background: linear-gradient(to right, #071f4000, #071f4000), url(http://fastwpdemo.com/demo/gardencare/wp-content/uploads/2022/06/bg.jpg) no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    padding-top: 100px !important;
    padding-right: 0;
    padding-bottom: 100px;
    padding-left: 0
}

.section-video {
    position: absolute;
    z-index: 33;
    left: 0;
    top: -100px;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important
}

.section-video img,
.section-video object {
    display: block;
    width: 100% !important;
    height: auto !important
}

.section-video-content {
    z-index: 35;
    position: relative;
    opacity: .98
}

.section-video-content h1 {
    font-size: 46px;
    color: var(--main-color);
    font-weight: 500
}

.section-video-content h2 {
    font-size: 24px;
    color: #ccc;
    font-weight: 400;
    line-height: 35px;
    padding-top: 50px
}

.section-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 34;
    opacity: .7
}

.btn_pro,
.thumb-wrapper .btn_wrapper {
    opacity: 0;
    text-align: center;
    visibility: hidden
}

.btn-play {
    background: red;
    color: #fff;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 19px;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0;
        box-shadow: 0 0 0 0 rgba(221, 218, 218, .5)
    }

    50% {
        opacity: .3
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }

    80% {
        box-shadow: 0 0 0 14px rgba(221, 218, 218, 0)
    }
}

#video-section-gardener {
    background: url(../img/video-gardener/bg.jpg) center center/cover no-repeat rgba(0, 0, 0, 0);
    padding: 100px 0
}

.btn-primary.disabled,
.btn-primary:disabled {
    padding-left: 15px;
    padding-right: 10px;
    color: #fff !important;
    background-color: #f1eeee;
    border-color: #f1eeee;
    width: fit-content
}

.header-user_ac .dropdown {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #000;
    padding-left: 9px
}

.header-user_ac .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 40px;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 99999999
}

.header-user_ac .dropdown-content a:hover {
    background-color: #f1f1f1
}

.header-user_ac .dropdown-content a {
    color: #000;
    padding-left: 12px !important;
    padding: 8px 1px;
    text-decoration: none;
    display: block;
    text-align: left !important
}

.cart_iconn {
    height: 35px;
    margin-top: -24px
}

.cart_babel {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #afed30;
    top: 20px;
    position: relative;
    left: -9px
}

.header_section select {
    border: none;
    word-wrap: normal;
    background: #ededed
}

.header_section option {
    position: relative;
    max-width: 500px;
    min-width: 500px;
    border-radius: 0;
    background: #fff;
    padding: 8px;
    border: 1px solid #e9e9e9;
    width: 100%;
    left: 0
}

.underline-a:hover {
    text-decoration: underline;
    color: red
}

.btn_yellow {
    background: #ffd814;
    border-radius: 8px;
    border: 1px solid #fcd200;
    font-size: 13px;
    text-align: center;
    width: 100%;
    margin: 7px;
    padding-left: 32px
}

.btn-white {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d5d9d9;
    font-size: 13px;
    text-align: center;
    margin: 5px 0;
    width: 100%
}

.dropdown-content123,
.search_barselect .dropdown-content,
.wishlist-content {
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%)
}

.pro_optionss.btn_wrapper {
    position: relative;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    top: -31px
}

.btn_pro {
    position: relative;
    background: #eee;
    border: 1px solid #fff;
    font-size: 13px;
    vertical-align: middle;
    margin-right: 9px;
    color: #525050;
    top: -24px
}

.btn_pro:hover {
    transition: background-color .5s;
    background: var(--main-color);
    border-color: var(--main-color);
    margin-right: 9px;
    color: #fff
}

.thumb-wrapper .btn_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0
}

.thumb-wrapper:hover .btn_wrapper {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible
}

.animatedFadeInUp,
.fadeInUp,
.product-grid:hover .product-image .pic-1 {
    opacity: 0
}

.thumb-wrapper:hover .btn_wrapper .pro_btn {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.thumb-wrapper .btn_wrapper .pro_btn {
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1)
}

@media (max-width:991px) {

    .quantity,
    .quantity1 {
        width: 67px;
        height: 34px;
        line-height: 34px
    }

    .thumb-wrapper .add_tocart.pro_btn a.btn {
        padding: 8px 10px
    }

    .thumb-wrapper .btn_wrapper {
        float: left;
        width: 100%;
        margin: 15px 0 0;
        text-align: left
    }
}

.gneed-unordered-list,
.search_barselect .dropdown-content ul {
    list-style: none
}

.text-gray-50 {
    color: #959595
}

.dropdown123,
.search_barselect .dropdown,
.wishlist {
    position: relative;
    display: inline-block
}

.search_barselect .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fffefe;
    min-width: max-content;
    z-index: 1;
    border-radius: 0;
    margin-top: 18px;
    margin-left: -16px;
    list-style: none
}

.search_barselect .dropdown-content a {
    color: #000;
    padding: 8px 1px;
    text-decoration: none;
    display: block;
    text-align: left
}

.dropdown-content123 ul {
    list-style: none;
    text-align: left;
    padding: 0
}

.dropdown-content123 {
    display: none;
    overflow-y: scroll;
    height: auto;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 226px;
    padding: 12px 16px;
    z-index: 9;
    margin-left: -13px
}

.dropdown123 .dropdown-content123 ul {
    margin-bottom: .5rem
}

.search-results {
    width: 79%;
    display: none;
    background: #fff;
    position: absolute;
    left: 125px;
    z-index: 99;
    height: 147px;
    margin-top: 48px;
    border: 1px solid #afed30;
    padding: 10px
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.container-fluid {
    width: 100%;
    padding-right: 25px;
    padding-left: 25px
}

.inner.archived {
    border: 1px solid #e8e5e5;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    width: 100%
}

.wrapper-top-cart,
.wrapper-top-cart>.site-header_cart_link {
    -khtml-border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    float: none
}

.inner.archived input {
    height: 11px;
    margin-right: 5px
}

.smaep1 {
    padding-top: 20px;
    padding-bottom: 100px
}

.wishlist_box {
    background-color: #afed30 !important;
    color: #fff
}

.header_section ul li {
    margin: 0 .2rem;
    list-style: none;
    display: inline-block
}

.header_section .share li {
    float: none;
    display: inline-block
}

.share.hiddenmobile li {
    margin: 0 1px;
    font-size: 15px
}

.share.hiddenmobile li .fbb {
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: 4px
}

.site-header__cart.icon-btn {
    float: none;
    display: inline-block;
    vertical-align: top;
    z-index: 2
}

.wrapper-top-cart {
    margin: -26px -3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.wrapper-top-cart>.site-header_cart_link {
    width: auto;
    z-index: 1;
    position: relative;
    padding: 6px 13px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 3px;
    background: #fff
}

.my_acc {
    font-size: 17px !important
}

.dropbtn.underline-a {
    color: #fff;
    font-weight: 100;
    font-size: 12px
}

.site-header__cart .wrapper-top-cart .site-header__cart-count {
    width: auto;
    display: inline-block;
    float: none;
    vertical-align: middle
}

.site-header__cart-count .cart-products-count {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 18px;
    float: left;
    margin-right: 3px;
    color: #fff;
    background: var(--main-color)
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 0;
    opacity: 1
}

.select_time_modal {
    max-width: 450px !important
}

.info_section.layout_padding2 .offset-md-2 {
    margin-left: 21.666667%
}

.verfitext {
    cursor: pointer;
    padding-top: 8px
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.best-seller img {
    height: 251px;
    object-fit: contain
}

.ddddd {
    height: 100% !important
}

#alertboxcontainer {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background-image: url(tp.png)
}

#alertBox {
    position: relative;
    width: 388px;
    min-height: 100px;
    margin-top: 50px;
    border: 1px solid #666;
    background-color: #fff;
    background-position: 20px 30px;
    left: 565.5px !important
}

#alertBox h1 {
    border-radius: 0;
    margin: 0;
    font: bold 0.9em verdana, arial;
    background-color: #fbfffd;
    color: #000;
    border-bottom: 1px solid #d6d6d6;
    padding: 18px 0 18px 14px
}

#mysearch_dropdown_ a,
.navbar .submega li a {
    background-image: linear-gradient(to right, var(--main-color), var(--main-color) 50%, #000 50%);
    padding: 5px 10px
}

#alertBox #closeBtn {
    font-size: 13px;
    display: block;
    position: relative;
    margin: 9px 3px;
    padding: 7px;
    border: 0;
    width: 93px;
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    float: right;
    font-weight: 700
}

#alertBox #closeBtn1::before {
    font-family: FontAwesome;
    left: 0;
    content: "\f00d";
    font-size: 17px;
    font-weight: 300;
    position: relative;
    background: 0 0;
    float: right;
    top: -56px;
    margin-right: 10px;
    color: var(--main-color)
}

.h50 {
    height: 54px
}

.navbar .submega li:hover a {
    float: left;
    font-size: 13px;
    color: #000;
    text-align: left;
    text-decoration: none
}

.navbar {
    padding: .5rem 0 !important
}

.user-wrap .acc-desk {
    display: block;
    align-items: center;
    position: relative;
    top: 2px
}

.acc-desk i {
    font-size: 30px
}

.user-wrap .acc-desk .acc {
    display: flex;
    flex-direction: column;
    align-items: baseline
}

.user-wrap .acc-desk .acc a.acc-ti {
    display: block;
    font-size: 15px;
    line-height: normal;
    font-weight: 100;
    color: #191816
}

.user-wrap .acc-desk .acc .acc-re-lo {
    display: block;
    margin-top: 10px;
    align-items: baseline
}

.user-wrap .acc-desk .acc .acc-re-lo a {
    font-size: 14px;
        color: var(--header-text-color);
    padding-right: 5px;
    margin-right: 1px
}

.vertical_line {
    top: 3px;
    border-left: 2px solid #918f8f;
    height: 15px;
    margin-right: 6px;
    position: relative;
    display: inline-block
}

.user-wrap .acc-desk .acc .acc-re-lo a:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none
}

.dashboard-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d3d3d36b
}

.cart-counter,
.wishlist-counter {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 100%;
    position: absolute;
    right: -3px;
    top: -9px;
    text-align: center;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-cart-btn,
.header-wishlist-btn {
    color: #181717;
    position: relative;
    font-size: 30px;
    line-height: 0
}

.mg-7 {
    top: -2px;
    position: relative
}

.wishlistbtn {
    border: none;
    border-left: 1px solid #e8e5e5;
    line-height: 20px;
    margin-left: 21px;
    padding-left: 10px;
    cursor: pointer
}

.descri {
    text-align: justify;
    color: #767676
}

.wishlist-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100%;
    overflow: auto;
    z-index: 1;
    margin-top: 4px
}

.wishlist-content a {
    font-size: 13px;
    color: var(--main-color);
    padding: 3px 4px;
    margin: 3px;
    text-decoration: none;
    display: block;
    color: #000 !important
}

.wishlist-content .fa.fa-plus {
    color: #282d2a66;
    font-size: 20px;
    font-weight: 100;
    padding-left: 0;
    padding-right: 15px
}

.wishlist a span {
    margin-top: 2px;
    position: absolute
}

#mywishlist a:hover {
    color: #000;
    background-color: #f0f0f0
}

#about:checked~.text-wishlist2-content .home,
#blog:checked~.text-wishlist2-content .home,
#code:checked~.text-wishlist2-content .home,
#help:checked~.text-wishlist2-content .home,
/*.blog_section .section_name,*/
.fa.fa-check-circle,
/*.home_page_product_deal_section .owl-nav .owl-next,*/
/*.home_page_product_deal_section .owl-nav .owl-prev,*/
.home_page_slider_section .owl-nav,
.no-js .actions,
.no-js .cd-products-columns .check,
.owl-nav span,
.product_tab input[type=radio],
.text-boxing,
.wishlist2-content .text,
.wishlist2-content input,
section.inner_page_breadcrumb .line {
    display: none
}

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

.wishlist2-content .wishlist2-list {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 20%;
    margin-right: 50px
}

.wishlist2-content .wishlist2-list label {
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-size: 19px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px !important;
    padding-left: 25px;
    transition: .5s;
    z-index: 10
}

#about:checked~.wishlist2-list label.about,
#blog:checked~.wishlist2-list label.blog,
#code:checked~.wishlist2-list label.code,
#help:checked~.wishlist2-list label.help,
#home:checked~.wishlist2-list label.home {
    color: #22272c
}

.wishlist2-content .slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
    border-radius: 12px;
    transition: .5s;
    background: #e2e2e2
}

.owl-nav .owl-next,
.owl-nav .owl-prev,
.share_btn:focus,
.share_btn:hover,
.share_btn:hover:before {
    background-color: var(--main-color);
    background-color: var(--main-color)
}

#home:checked~.wishlist2-list .slider {
    top: 0
}

#blog:checked~.wishlist2-list .slider {
    top: 60px
}

#help:checked~.wishlist2-list .slider {
    top: 120px
}

#code:checked~.wishlist2-list .slider {
    top: 180px
}

#about:checked~.wishlist2-list .slider {
    top: 240px
}

.wishlist2-content .text-wishlist2-content {
    width: 80%;
    height: 100%;
    color: rgba(255, 255, 255, .7)
}

.btn-primary span:before,
.btn-primary:before {
    width: 2px;
    height: 0%
}

.btn-primary span:after,
.btn-primary:after {
    height: 2px;
    width: 0%
}

.wishlist2-content .text .title {
    font-size: 25px;
    margin-bottom: 10px;
    font-weight: 500
}

.wishlist2-content .wishlist2-list label:hover {
    color: #000;
    background: #e2e2e2;
    border-radius: 12px
}

.add-towish {
    border: 1px solid #fff;
    padding: 9px
}

.add-towish button {
    border: none;
    color: #fff
}

.wishlist button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 0
}

.modalwish {
    max-width: 462px
}

.blogin .pagination,
.pagination,
.pagination_re {
    display: inline-block;
    padding-left: 0;
    border-radius: 4px;
    z-index: 0;
    position: relative !important
}

.pagination>li {
    display: inline
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>.active>a {
    background: #000
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:focus {
    border-color: #000;
    background-image: -o-linear-gradient(bottom, #000 0, #000 100%);
    background-image: -moz-linear-gradient(bottom, #000 0, #000 100%);
    background-image: -webkit-linear-gradient(bottom, #000 0, #000 100%);
    background-image: -ms-linear-gradient(bottom, #000 0, #000 100%);
    background-image: linear-gradient(to bottom, #000 0, #000 100%);
    border-color: var(--main-color);
    z-index: 2;
    color: #fff;
    background-image: -o-linear-gradient(bottom, var(--main-color) 0, var(--main-color) 100%);
    background-image: -moz-linear-gradient(bottom, var(--main-color) 0, var(--main-color) 100%);
    background-image: -webkit-linear-gradient(bottom, var(--main-color) 0, var(--main-color) 100%);
    background-image: -ms-linear-gradient(bottom, var(--main-color) 0, var(--main-color) 100%);
    background-image: linear-gradient(to bottom, var(--main-color) 0, var(--main-color) 100%);
    border-color: var(--main-color);
    cursor: pointer
}

.pagination>li>a,
.pagination>li>span {
    background-color: #eff2f7;
    border: 1px solid #eff2f7;
    float: left;
    line-height: 1.42857;
    margin-left: 1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none
}

.blogin #page_r .a:hover,
.blogin #page_r .active {
    background-color: #666;
    color: #fff
}

#carttable td {
    border-bottom: 1px solid #dee2e6
}

.carousel .item-price.blog {
    font-size: 16px;
    padding: 2px 0
}

.ShowPasswordHide {
    position: absolute;
    right: 0
}

.ShowPasswordHide i {
    font-size: 22px;
    font-weight: 600
}

.share_btn {
    background-color: #feffff;
    color: #060606;
    padding: 11px;
    border: 1px solid #c2b8b8;
    cursor: pointer;
    border-radius: 50%
}

.share_btn::before {
    content: "\f1e0";
    font: 14px/1 FontAwesome;
    position: relative
}

.share_dropdown {
    left: -50px;
    position: relative;
    display: inline-block;
    float: right;
    z-index: 1;
    margin-top: 51px
}

.share_dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    top: 52px
}

.share_dropdown-content a {
    border-bottom: 1px solid #46614e2e;
    color: #455f4c;
    font-weight: 400;
    padding: 11px 18px;
    text-decoration: none;
    display: block;
    background: #fff
}

#mysearch_dropdown_ a,
.navbar .submega li a,
.search_dropdown_ input {
    text-align: left;
    background-size: 200% 100%;
    background-position: -100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.share_dropdown-content a img {
    height: 19px;
    margin-right: 7px
}

.share_dropdown a:hover {
    background-color: #dddddd73
}

#header-carousel .carousel-inner .carousel-item {
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

#header-carousel .carousel-item .caption {
    color: #fff;
    animation: 1s ease-in-out fadeIn
}

#header-carousel .caption h6 {
    animation: 1s ease-in-out fadeInRight
}

#header-carousel .caption p {
    animation-duration: 1s;
    animation-delay: 2.2s
}

#header-carousel .caption a {
    animation-duration: 1s;
    animation-delay: 1s;
    color: #fff
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(300px)
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.fadeInUp {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px)
    }

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

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px)
    }

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

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px)
    }

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

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s
}

.banner_title2,
.readmorebtn,
.slide-in-left {
    animation-name: slideInLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

.custom-btn {
    width: 130px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: var(--font);
    font-weight: 500;
    background: 0 0;
    cursor: pointer;
    transition: .3s;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0 rgba(255, 255, 255, .5), 7px 7px 20px 0 rgba(0, 0, 0, .1), 4px 4px 5px 0 rgba(0, 0, 0, .1);
    outline: 0
}

.btn-primary {
    padding-right: 20px !important;
    background: var(--button-background) !important;
    color: var(--button-color) !important;
    line-height: 42px;
    padding: 0 0 0 20px;
    border: none;
    border-radius: 1px
}

.btn-primary span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.btn-primary span:hover:before,
.btn-primary:hover:before {
    height: 100%
}

.btn-primary span:after,
.btn-primary span:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #fb4b02;
    box-shadow: -7px -7px 20px 0 rgba(255, 255, 255, .9), -4px -4px 5px 0 rgba(255, 255, 255, .9), 7px 7px 20px 0 rgba(0, 0, 0, .2), 4px 4px 5px 0 rgba(0, 0, 0, .3);
    transition: .3s
}

.owl-next {
    right: 10
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    width: 38px;
    opacity: .5;
    height: 38px;
    border: none;
    opacity: 1;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    -webkit-transform: translateY(-50%) translatex(0);
    transform: translateY(-50%) translatex(0)
}

.stockin,
.stockout {
    transform: rotate(-34deg);
    top: 17px;
    left: -44px;
    color: #fff !important;
    font-weight: 400;
    font-family: var(--font);
    padding: 0 50px;
    position: absolute
}

.slider .owl-next {
    right: 34px
}

.slider .owl-prev {
    left: 34px
}

.owl-next i {
    margin-left: 15px !important;
    top: 22px !important
}

.owl-prev i {
    margin-left: 12px !important;
    top: 22px !important
}

.owl-next i,
.owl-prev i {
    font-size: 16px;
    position: absolute;
    top: 50%;
    display: inline-block;
    margin: -11px 0 0;
    z-index: 5;
    left: 0;
    right: 0;
    color: #fff;
    text-shadow: none
}

.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
    background-color: var(--main-color) !important;
    width: 38px;
    height: 38px;
    color: #fff !important
}

.stockout {
    font-size: 12px;
    background: var(--outstock-background) !important
}

.stockin {
    font-size: 13px;
    background: var(--instock-background) !important
}

#header-carousel .carousel-control-next {
    right: 16px !important
}

#header-carousel .carousel-control-prev {
    left: 16px !important
}

@media (max-width:790px) {
    .tt-list-sm-shift [class^=col-xs] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.tt-promo-box {
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tt-promo-box .tt-description {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.tt-promo-box .tt-description .tt-title-large,
.tt-promo-box .tt-description .tt-title-small {
    color: #191919;
    font-weight: 500;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    font-family: var(--font)
}

.tt-promo-box .tt-description .tt-title-small {
    font-size: 16px;
    line-height: 26px;
    transition: color .2s linear
}

.tt-promo-box .tt-description .tt-title-large {
    font-size: 26px;
    line-height: 34px;
    transition: color .2s linear
}

.tt-promo-box .tt-description p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.tt-promo-box .tt-description img {
    max-width: 100%;
    height: auto
}

.tt-promo-box .tt-description :first-child {
    margin-top: 0
}

html:not(.ie) .tt-promo-box .tt-description .tt-description-wrapper .tt-background {
    transition: .2s linear;
    -ms-transition: .2s linear;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear
}

.about_us {
    padding-top: 1% !important;
    padding-bottom: 4% !important;
    padding: 110px 0 40px
}

.about_us:has(#about2) {
    height: calc(100vh - 100px);
    padding-top: 4% !important;
    padding-bottom: 4% !important;
    padding: 110px 0 40px;
    align-items: center;
}

.about_us .image-section {
    padding: 20px;
    height: 80vh
}

.about_us .section_description p {
    padding-bottom: 5px
}

.tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
    padding: 27px;
    text-align: center;
    max-width: 409px;
    min-width: 47%;
    position: relative
}

.tt-promo-box.tt-one-child .tt-description .tt-description-wrapper .tt-background,
.tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper .tt-background {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 255, .9)
}

.tt-promo-box.tt-one-child .tt-description .tt-description-wrapper {
    padding: 13px 39px 11px;
    text-align: center;
    max-width: 409px;
    position: relative
}

@media (max-width:1024px) {
    .tt-promo-box .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px
    }

    .tt-promo-box .tt-description .tt-title-large {
        font-size: 23px;
        line-height: 30px
    }

    .navbar a {
        float: left;
        font-size: 12px;
        color: #fff;
        text-align: left;
        padding: 5px 0;
        text-decoration: none
    }

    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
        padding: 19px
    }

    .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper {
        padding: 13px 18px 11px
    }
}

.tt-promo-box.tt-one-child .tt-description img {
    max-width: inherit;
    width: 100%
}

@media (min-width:576px) {
    .tt-layout-promo-box:not(.nomargin) {
        margin-top: -20px
    }

    .tt-promo-box:not(.tt-one-child) .tt-description img:first-child+* {
        margin-top: 24px
    }

    .tt-promo-box:not(.tt-one-child) .tt-description [class^=tt-title]+img,
    .tt-promo-box:not(.tt-one-child) .tt-description p+img {
        margin-top: 11px;
        margin-bottom: 11px
    }

    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child) {
        margin-top: 6px
    }

    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child)+* {
        margin-top: 12px
    }

    .tt-promo-box.tt-one-child .tt-description img:not(:first-child):not(:last-child) {
        margin-top: 11px;
        margin-bottom: 8px
    }
}

@media (max-width:575px) {
    .tt-layout-promo-box:not(.nomargin) {
        margin-top: -10px
    }

    .tt-promo-box .tt-description .tt-title-small {
        font-size: 15px;
        line-height: 22px
    }

    .tt-promo-box .tt-description .tt-title-large {
        font-size: 20px;
        line-height: 29px
    }

    .tt-promo-box .tt-description p {
        margin-top: 0;
        line-height: 20px
    }

    .tt-promo-box,
    .tt-promo-box .tt-description [class^=btn] {
        margin-top: 10px
    }

    .tt-promo-box:not(.tt-one-child) .tt-description .tt-description-wrapper {
        padding: 15px
    }

    .tt-promo-box:not(.tt-one-child) .tt-description img:first-child+* {
        margin-top: 12px
    }

    .tt-promo-box:not(.tt-one-child) .tt-description [class^=tt-title]+img,
    .tt-promo-box:not(.tt-one-child) .tt-description p+img {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper {
        padding: 13px 15px 11px
    }

    .tt-promo-box.tt-one-child .tt-description img {
        max-width: 147px
    }

    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child) {
        margin-top: 2px
    }

    .tt-promo-box.tt-one-child .tt-description img:first-child:not(:last-child)+* {
        margin-top: 9px
    }

    .tt-promo-box.tt-one-child .tt-description img:not(:first-child):not(:last-child) {
        margin-top: 11px
    }
}

.tt-promo-box:not(.hover-type-2):hover .tt-description-wrapper .tt-background {
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px)
}

.tt-promo-box:not(.hover-type-2):hover .btn-underline {
    border-color: transparent;
    color: #2879fe
}

.tt-promo-box.hover-type-2:hover .tt-description-wrapper .tt-background {
    background: rgba(0, 0, 0, .85)
}

.tt-promo-box.hover-type-2:hover .tt-description-wrapper .btn-underline {
    border-color: transparent
}

.overlay .tt-promo-box>img {
    height: 300px
}

.overlay-small .tt-promo-box>img {
    height: 120px
}

.side-user-menu {
    display: contents
}

@media (min-width:991px) and (max-width:2000px) {

    #mobilenav,
    .hidden-lg,
    .mobilemenubtn {
        display: none !important
    }
}

.service .number {
    max-width: 65px;
    padding-bottom: 15px;
    margin: 0 auto
}

.itemtservice .box-service {
    padding: 30px 20px;
    height: 240px;
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 5px 2px #00000008
}

.itemtservice .box-service p {
    color: #a19c9c
}

.forget_wrap {
    position: relative;
    top: 30px
}

.bg-hero {
    padding: 20px;
    background: green
}

.deals_day {
    margin-left: 10px;
    color: var(--main-color);
    font-size: 13px
}

.btm-fixed {
    position: absolute;
    bottom: 10px
}

.deal_box {
    font-size: 14px;
    padding: 0 4px;
    color: var(--discount-rate);
}

.menu_detail sup {
    margin-right: -2px
}

sup {
    margin-right: 2px;
    top: -.3em
}

#mysearch_dropdown_ a {
    position: relative;
    transition: .3s ease-in-out;
    display: block
}

#mysearch_dropdown_ a :before,
.navbar .submega li a :before,
.search_dropdown_ input :before {
    content: "";
    background: #ed0000;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
    transition: .3s ease-in-out
}

#mysearch_dropdown_ a:hover,
.navbar .submega li a:hover,
.search_dropdown_ input:hover {
    background-position: 0
}

.navbar .submega li a {
    display: inline-block;
    position: relative;
    transition: .3s ease-in-out
}

.search_dropdown_ input {
    background-image: linear-gradient(to right, var(--main-color), var(--main-color) 50%, #8f8484 50%);
    border-radius: 20px;
    display: inline-block;
    padding: 4px 27px;
    position: relative;
    transition: .3s ease-in-out;
    left: 7px
}

.search-icon {
    font-size: 27px;
    background-color: #fff;
    padding: 4px 14px
}

.searchbar-box-2 input {
    position: relative;
    height: 45px;
    padding: 8px;
    color: #222;
    border: none;
    font-size: 15px;
    z-index: 5;
    width: 100%
}

.all_cat_drop {
    position: absolute;
    border-radius: 1px;
    background: #e6e5e54f;
    padding: 0;
    left: 1px
}

.search_dropdown_ .fa-search {
    color: #000;
    font-size: 18px;
    background: #e6e5e54f;
    padding: 12px;
    border-radius: 1px
}

.search_dropdown_ {
    background: #e6e5e54f;
    border-radius: 8px;
    width: 100%;
    position: absolute;
    display: flex
}

.download_app_ic {
    width: 19px;
    height: 19px;
    margin-right: 4px
}

.product-item h4 {
    font-size: 1rem;
    padding: .5rem 1rem 0;
    color: #000
}

.newly_launch h2,
.product-item .h2,
.product-item h2 {
    font-family: var(--font);
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 55px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    color: #cb2b1d
}

.product-grid {
    text-align: center;
    transition: .5s
}

.product-grid:hover {
    box-shadow: 0 5px 18px rgba(0, 0, 0, .3)
}

.product-grid .product-image img {
    width: 100%;
    height: 55vh
}

.product-image .pic-1 {
    opacity: 1;
    backface-visibility: hidden;
    transition: .5s
}

.product-image .pic-2 {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s
}

.cd-products-table .selected .top-info .check::after,
.cd-products-table.scrolling .features::after,
.product-grid:hover .product-image .pic-2,
.product_tab input[type=radio]:checked+.page+label.nav svg {
    opacity: 1
}

.product-grid .product-sale-label {
    color: #fff;
    background: #6da84a;
    font-size: 14px;
    font-style: italic;
    text-transform: uppercase;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 10px
}

.product-grid .social {
    padding: 0;
    list-style: none;
    position: absolute;
    top: 24px;
    right: 8px;
    display: none;
    margin-right: -71px
}

.list-style {
    background: 0 0 !important
}

.product-grid:hover .social li,
.product_tab input[type=radio]:checked+.page {
    transform: translateX(0)
}

.product-grid .social li a {
    color: var(--card-color);
    background: var(--card-background);
    font-size: 16px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    margin: 0 0 7px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

/*.product-grid:hover .social {*/
/*    margin-right: -10px;*/
/*    transition: .5s ease-in-out;*/
/*    display: block !important*/
/*}*/

/*.product-grid .social li a:hover,*/
.product-grid .title a:hover {
    color: #6da84a
}

.product-grid .product-rating {
    background: rgba(255, 255, 255, .95);
    width: 100%;
    padding: 10px;
    opacity: 0;
    position: absolute;
    bottom: -60px;
    left: 0;
    transition: .2s ease-in-out
}

.product-grid:hover .product-rating {
    opacity: 1;
    bottom: 0
}

.product-grid .rating {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-grid .rating li {
    color: #6da84a;
    font-size: 13px;
    padding: 0 0 0 9px
}

.product-grid .rating li.far {
    color: #999
}

.product-grid .add-to-cart {
    color: #6da84a;
    font-size: 14px;
    font-weight: 100;
    border-bottom: 1px solid #6da84a;
    float: right;
    transition: .2s ease-in-out
}

.product-grid .add-to-cart:hover {
    color: #000;
    border-color: #000
}

.product-grid .product-content {
    background: #f5f5f5;
    padding: 15px
}

.product-grid .title {
    font-size: 18px;
    text-transform: capitalize;
    margin: 0 0 5px
}

.product-grid .title a {
    color: #111;
    transition: .5s
}

.product-grid .price {
    color: #707070;
    font-size: 17px
}

.product-grid .price span {
    color: #4d860e;
    margin-right: 5px;
    display: inline-block;
    opacity: 1;
    padding-left: 10px
}

.product-grid .quick_add {
    border: none;
    bottom: 40px;
    color: #6da84a;
    font-size: 14px;
    font-weight: 100;
    border-bottom: 1px solid #6da84a;
    float: right;
    position: absolute;
    justify-content: center;
    align-items: center;
    left: 20%;
    background: #fff;
    padding: 2px 29px 2px 35px;
    display: none
}

.product-grid:hover .quick_add {
    display: block;
    transition: .2s ease-in-out
}

@media only screen and (max-width:990px) {
    .product-grid {
        margin-bottom: 40px
    }
}

.product-item .thumb-wrapper {
    padding: 25px 0;
    border-radius: 2px !important;
    border: 1px solid #e4dfdf;
    box-shadow: 0 0 3px rgb(175 0 0 / 0%) !important;
    background: #fff;
}

.product-item img {
    display: block;
    width: 100%;
    height: 23vh;
    object-fit: contain
}

.fixed_bottom {
    position: relative;
    bottom: 2px
}

.rating i {
    color: #fc0;
    font-size: .8rem;
    letter-spacing: 4px;
    -webkit-transition: .3s;
    transition: .3s
}

.star-inactive {
    color: #cfd8dc !important
}

.dropdown123 ::-webkit-scrollbar {
    width: 3px
}

.dropdown123 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 1px
}

.dropdown123 ::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 1px
}

.dropdown123 ::-webkit-scrollbar-thumb:hover {
    background: var(--main-color)
}

.box_control {
    position: absolute;
    text-align: center;
    margin: 0;
    right: 46.5%;
    top: -48px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.carousel-control-prev:before {
    left: -70px;
    top: 53px
}

.carousel-control-next:before {
    right: -70px;
    bottom: 53px
}

.carousel-control-next:before,
.carousel-control-prev:before {
    content: "";
    height: 2px;
    position: absolute;
    width: 80px;
    transition: .3s;
    background: #e1dede;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.box_control .fa-angle-left,
.box_control .fa-angle-right {
    color: var(--main-color);
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    display: block;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#divfirst .section-title {
    margin-left: -57px
}

.cat-title a {
    cursor: pointer;
    color: #073322;
    font-weight: 100
}

.product.smaep {
    padding-top: 50px
}

.category_slider.smaep {
    padding-top: 130px;
    padding-bottom: 133px
}

.smaep.newly_launch .owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
    height: 59vh;
    margin: 0;
    object-fit: cover
}

.viewmore {
    margin-top: -8%
}

.newly_launch .newly_launch_link img {
    width: 100%;
    position: relative !important;
    margin: 0;
    padding: 0
}

.newly_launch .newly_launch_link {
    width: 100%;
    height: 65vh
}

.newly_launch .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 3px
}

.month_deals_link img {
    height: 41vh !important;
    position: relative !important
}

#blog .carousel-control-next {
    right: -13px
}

.blog_section {
    padding-top: 4rem
}

.card-blog__header img {
    width: 100%;
    height: 21vh;
    object-fit: contain
}

.blog_detail_user li {
    display: inline-flex;
    text-decoration: none;
    position: relative
}

.blog_detail_user {
    margin: 0;
    padding: 0
}

.blog_card {
    display: flex;
    flex-direction: column;
    width: clamp(18rem, calc(11rem + 2vw), 22rem);
    overflow-y: hidden;
    border-radius: 2px;
    height: 68vh;
    border: 1px solid #f3f3f3
}

.mbcataccordion,
.mbcataccordion-2 {
    margin-bottom: 9px;
    width: 87%;
    font-family: var(--font);
    outline: 0;
    cursor: pointer
}

.blog_card__body {
    padding: 1rem;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.blog_card__body .user_n {
    margin-top: -5px
}

.readmore_blog:hover {
    color: #617153
}

.readmore_blog {
    position: relative;
    bottom: 7px
}

.blog_card__header img {
    height: 31vh;
    object-fit: contain
}

#blog .row {
    margin-right: -30px;
    margin-left: -30px
}

.blog_card__body h4 {
    font-size: 1rem;
    height: 6vh;
    text-transform: capitalize;
    color: var(--main-color);
    font-weight: 100;
    font-family: var(--font)
}

.blog_card__footer,
.card-blog__footer {
    display: flex;
    padding: 1rem;
    margin-top: auto
}

.user {
    display: flex;
    color: #474343
}

.user img {
    margin-left: 18px;
    height: 3vh !important;
    width: 3vh !important
}

.user__info h5 {
    color: var(--main-color);
    font-weight: 700;
    font-size: 1em
}

.user__info {
    position: relative;
    left: 6px;
    top: -9px
}

.carousel .blogesction b {
    font-weight: 200;
    color: #b0b0b0;
    margin: 0 7px
}

.blog-section .carousel .item .img-box {
    object-fit: contain;
    min-height: 81px;
    height: 164px;
    margin-bottom: 20px;
    width: 100%;
    position: relative
}

.blog-section .carousel {
    width: 100%;
    margin: 12px auto;
    padding: 6px 39px
}

.blog-section .carousel .thumb-content .btn {
    width: auto
}

.all_newly_arr img {
    height: 30vh !important
}

.all_newly_arr.thumb-wrapper {
    height: 63vh
}

.return_order {
    position: relative !important;
    top: 10px !important
}

.or-seperator {
    margin-top: 0;
    text-align: center;
    border-top: 1px solid #ccc
}

.mt1 {
    margin-top: 1rem
}

.search_dropdown_-content {
    left: 16px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 85%;
    overflow: auto;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 3;
    top: 48px;
    text-align: left
}

.search_dropdown_-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.search_dropdown_ a:hover,
.search_dropdown_a:active,
.search_dropdown_a:visited {
    background-color: #ddd
}

.mbcataccordion {
    border-radius: 3px;
    margin-left: 3px;
    background-color: #45836ce0;
    color: #fff;
    padding: 6px 6px 6px 16px;
    border: none;
    text-align: left;
    font-weight: 700
}

.fa-solid,
.fas,
.order_dt {
    font-weight: 100
}

.mbcataccordion-2 {
    border-radius: 3px;
    margin-left: -10px;
    background-color: #ffffff00;
    color: #fff;
    border: none;
    text-align: left;
    padding-left: 16px
}

.mobile-dropdown {
    margin: 0 0 0 3px !important
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2f353c00
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #2f353c00
}

@media (max-width:990px) {
    .header_section .container-fluid {
        padding: 0 10px
    }
}

.mbcatpanel {
    padding: 0 18px;
    overflow: hidden
}

.scroller section {
    height: 100vh
}

.carousel .item {
    color: #747d89;
    min-height: 0 !important;
    overflow: hidden
}

#blog .thumb-wrapper {
    height: 440px
}

.ml-ve {
    max-width: 57.333333%;
    margin-right: 10px
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    color: #46614e82;
    border: 1px solid #46614e00 !important;
    background: #e9e9e90d
}

.owl-carousel {
    display: flex;
    flex-wrap: nowrap
}

.carousel-item {
    display: block;
    margin: 10px;
    border-radius: 5px;
    overflow: hidden
}

.owl-item {
    flex: 0 0 auto;
    width: 100%
}

.owl-next:before,
.owl-prev:before {
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.owl-prev:before {
    content: "\f053"
}

#category_slider.owl-carousel .owl-item img {
    display: block;
    width: max-content !important;
    height: 35vh
}

.owl-next:before {
    content: "\f054"
}

.month_deals .owl-carousel .owl-item img {
    height: 30vh;
    width: max-content
}

.home_page_slider_section .owl-carousel .owl-dot.active {
    outline: #4caf50 solid 2px
}

#header-carousel.owl-carousel {
    z-index: -1
}

.order_dt {
    font-size: 13px;
    color: var(--main-color)
}

.ltn__social-media li span {
    position: relative;
    top: 2px
}

.sect_bg {
    margin-top: 50px
}

.big-s a,
.hot-selling .h2,
.hot-selling h2,
.newly_launch h2 {
    color: var(--main-color) !important
}

.slider-box3wrap {
    position: absolute;
    left: 11%;
    top: 18%
}

.slick-slide img {
    display: block;
    padding-right: 1px;
    width: 100%
}

.slick-dots li button:before {
    line-height: 23px;
    width: 20px;
    height: 20px;
    color: #000;
    background: #fff;
    border-radius: 100%
}

.slider-wrapper_customize_section {
    width: 100%;
    background: #ececec;
    padding: 40px
}

.section.section_row_col:nth-child(2) {
    position: relative;
    top: 10px;
    text-align: left;
    width: 70%;
}

.section.section_row_col:nth-child(2) div {
    width: 96%;
    line-height: 1.8
}

.section_head.editable draggable {
    padding-bottom: 50px
}

.section.section_row_col #textarea1 p {
    left: 100px;
    position: relative;
    line-height: 37px;
    width: 82%
}

.slick-next {
    right: 25px !important
}

.slick-prev {
    left: 5px !important;
    z-index: 99
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 35px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.addd_zomm {
    object-fit: cover
}

.sub-title_add1 {
    margin-bottom: 30px
}

.add_title {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.1em;
    letter-spacing: -1px;
    margin-bottom: 5px;
    color: var(--e-global-color-accent)
}

.addd_zomm:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.flex-container_add1 {
    display: flex;
    flex-direction: column;
    position: absolute;
    vertical-align: sub;
    justify-content: flex-start;
    top: 34%;
    left: 13%
}

.snip1563,
.snip1571 {
    font-size: 16px;
    max-width: 315px;
    min-width: 230px;
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden
}

.snip1571 {
    background-color: #000;
    font-family: var(--font);
    margin: 10px;
    text-align: center
}

.snip1571 *,
.snip1571 :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .35s;
    transition: .35s
}

.snip1563 img,
.snip1571 img {
    backface-visibility: hidden;
    max-width: 100%;
    vertical-align: top;
    height: 265px
}

.snip1571 figcaption {
    bottom: 30px;
    left: 0;
    position: absolute;
    z-index: 0
}

.snip1571 figcaption:before {
    background-color: #fff;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    right: 100%;
    top: -5px;
    z-index: -1
}

.snip1571 h3 {
    background-color: #c73232;
    color: #fff;
    font-size: .9em;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px 10px;
    z-index: 1
}

.snip1563 a,
.snip1571 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.snip1571.addbanner_hover>img,
.snip1571:hover>img {
    opacity: .1
}

.snip1563 figcaption:after,
.snip1563 figcaption:before,
.snip1563:after,
.snip1563:before {
    position: absolute;
    background-color: #34512c;
    opacity: .5;
    bottom: 0;
    top: 0;
    content: "";
    left: 0;
    right: 0
}

.snip1571.addbanner_hover figcaption:before,
.snip1571:hover figcaption:before {
    right: -5px
}

.snip1563 {
    background-color: #fff;
    color: #fff;
    margin: 10px 5px;
    text-align: right
}

.snip1563 *,
.snip1563 :after,
.snip1563 :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .45s;
    transition: .45s
}

.snip1563:after,
.snip1563:before {
    -webkit-transition: .45s;
    transition: .45s
}

.snip1563:before {
    -webkit-transform: skew(30deg) translateX(80%);
    transform: skew(30deg) translateX(80%)
}

.snip1563:after {
    -webkit-transform: skew(-30deg) translateX(70%);
    transform: skew(-30deg) translateX(70%)
}

.snip1563 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 0;
    padding: 20px 20px 20px 40%
}

.snip1563 figcaption:after,
.snip1563 figcaption:before {
    box-shadow: 0 0 20px rgba(0, 0, 0, .7);
    z-index: -1
}

.snip1563 figcaption:before {
    -webkit-transform: skew(30deg) translateX(100%);
    transform: skew(30deg) translateX(100%)
}

.snip1563 figcaption:after {
    -webkit-transform: skew(-30deg) translateX(90%);
    transform: skew(-30deg) translateX(90%)
}

.snip1563 h3,
.snip1563 p {
    margin: 0;
    opacity: 0;
    letter-spacing: 1px
}

.snip1563 h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1em
}

.snip1563 p {
    font-size: .9em
}

.snip1563.add_3_hover h3,
.snip1563.add_3_hover p,
.snip1563:hover h3,
.snip1563:hover p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: .9
}

.snip1563.add_3_hover:before,
.snip1563:hover:before {
    -webkit-transform: skew(30deg) translateX(30%);
    transform: skew(30deg) translateX(30%);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

.snip1563.add_3_hover:after,
.snip1563:hover:after {
    -webkit-transform: skew(-30deg) translateX(20%);
    transform: skew(-30deg) translateX(20%)
}

.snip1563.add_3_hover figcaption:before,
.snip1563:hover figcaption:before {
    -webkit-transform: skew(30deg) translateX(50%);
    transform: skew(30deg) translateX(50%);
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

.snip1563.add_3_hover figcaption:after,
.snip1563:hover figcaption:after {
    -webkit-transform: skew(-30deg) translateX(40%);
    transform: skew(-30deg) translateX(40%);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

.blog-2 .single-blog {
    background: #fff;
    padding: 25px
}

.blog-2 .like-share a {
    color: #444;
    display: inline-block;
    float: none
}

.blog-2 .single-blog:hover {
    box-shadow: 1px 25px 54px rgba(0, 0, 0, .12)
}

.blog-2 p {
    line-height: 1.8rem;
    padding-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 30px;
}

.blog-2 .single-blog:hover .blog-photo img {
    transform: none
}

.post-year p {
    font-weight: 700;
    font-size: 1.2rem;
    padding-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single-blog .blog-photo img {
    padding: 17px;
    width: 100% !important;
    object-fit: contain;
    height: 27vh
}

.blog-info {
    padding: 19px
}

.blog-info .read-btn {
    background-color: var(--button-background);
    border-color: var(--button-background);
    width: auto !important;
    height: auto !important;
    line-height: 0 !important;
    padding: 7px 13px 7px 15px !important;
    font-size: 13px !important;
    overflow: hidden;
    border-radius: 23.5px;
    color: #fff;
    margin-top: 1rem !important
}

.blog-info .btn-primary {
    background: linear-gradient(0deg, #395f13 0, #395f13 100%)
}

.single-blog.mt-30 {
    border: 1px solid #e9dfdf;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative
}

.single-blog.mt-30:hover .post-date {
    border: 1px solid #46614e
}

.card-blog,
.tag {
    border-radius: 1em
}

.post-title {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px;
    position: absolute;
    top: 150px;
    padding: 6px 20px;
    background: #f6f6f6
}

.post-date {
    background: #5c927e;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 40px;
    display: none
}

.post-title a {
    color: var(--main-heading);
    font-weight: 600
}

.user__info>small,
h1 {
    color: #666
}

.blog-2 .single-blog:hover .like-share {
    bottom: 0;
    visibility: visible
}

.blog-2 .like-share {
    bottom: -40px;
    position: absolute;
    transition: .3s;
    visibility: hidden;
    width: 100%
}

.fix {
    overflow: hidden
}

.like-share {
    padding: 12px 0
}

.card-blog {
    display: flex;
    flex-direction: column;
    width: clamp(40rem, calc(20rem + 2vw), 22rem);
    overflow: hidden;
    box-shadow: 0 .1rem 1rem rgba(0, 0, 0, .1);
    background: #ece9e6;
    background: linear-gradient(to right, #fff, #ece9e6)
}

.card-blog__body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.msg-body {
    padding: 10px;
    color: #000;
    position: absolute;
    top: 43%
}

.tag {
    align-self: flex-start;
    padding: .25em .75em;
    font-size: .75rem
}

.tag+.tag {
    margin-left: .5em
}

.tag-blue {
    background: #56ccf2;
    background: linear-gradient(to bottom, #2f80ed, #56ccf2);
    color: #fafafa
}

.tag-brown {
    background: #d1913c;
    background: linear-gradient(to bottom, #ffd194, #d1913c);
    color: #fafafa
}

.tag-red {
    background: #cb2d3e;
    background: linear-gradient(to bottom, #ef473a, #cb2d3e);
    color: #fafafa
}

.card-blog__body h4 {
    font-size: 1.5rem;
    text-transform: capitalize
}

.user {
    display: flex;
    gap: .5rem
}

.user__image {
    border-radius: 50%;
    width: 50px !important
}

.ShowPasswordCheckbox {
    position: absolute;
    top: 5;
    right: 10
}

.section_name, .vcontact_section .section_name {
    text-align: center;
    position: relative;
    line-height: 1.2;
    text-transform: initial
}

.banner_description3 div,
.banner_title3,
.section_name,
.testimonial .post {
    text-transform: capitalize
}

.contact_section_2 h2 {
    margin-top: 2rem
}

.form-signin {
    color: #000;
    background: #fbfbfb;
    padding: 7px 2px 51px
}

.form-control {
    border-radius: 0;
    background-color: #fff
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(0 0 0 / 25%)
}

.center1 {
    justify-content: center
}

.contact {
    width: 100%;
    background-image: url("upload/bernard-hermant-c4Ccpa8sMlI-unsplash copy-1664263489.jpg");
    height: auto;
    padding-bottom: 100px;
    background-size: 100%;
    background-position: 25% left;
    background-repeat: no-repeat
}

.contact_section_1 .col-md-12.main_div {
    display: flex;
    justify-content: center;
    padding: 20px
}

.add-contact_section_1 {
    /*background-color: var(--main-color);*/
    padding: 30px 10px
}

.add-contact_section_1 .btn-primary {
    margin-left: 15px !important;
    width: 94%
}

.add_contact_home_2 {
    vertical-align: middle;
    display: flex;
    background: #fbfbfb;
    padding: 13px;
    justify-content: center;
    align-items: center
}

.contact_section_2 {
    margin-top: 2rem;
    padding-left: 0
}

.add-contact_section_2 textarea.form-control {
    height: 8vh
}

.cms-fdgy {
    overflow: hidden;
    width: 100%;
    margin: 10px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    padding-top: 12rem
}

.cms-fdgy img {
    height: 55vh
}

#grid_view.slider-wrapper_ads_banner {
    display: flex;
    flex-wrap: nowrap;
    display: inline-flex;
    width: 100%
}

#grid_view.slider-wrapper_ads_banner .col-md-12 {
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap
}

.section_name {
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 40px;
    color: var(--main-heading);
    font-family: var(--font)
}

label {
    margin-bottom: 0 !important
}

.saa.vads_banner.slider-wrapper_ads_banner.grid_view .section_name {
    left: 39%;
    top: -51px
}

.vcontact_section {
    padding-top: 6rem
}

.vcontact_section .section_name {
    top: 0;
    font-size: 36px;
    margin-top: 0
}

.banner_title2, .readmorebtn {
    animation-delay: .5s;
    opacity: 0
}

.banner_title2 {
    /*color: #fff;*/
    font-size: 2rem
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }

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

    from {
        opacity: 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: #ffffff8f;
    height: 50px;
    width: 50px;
    border-radius: 100%
}

#slider_view.vslider .container-fluid, .vcontact_section .container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.navbar .dropdown-menu {
    width: auto;
    min-width: 600px !important
}

h1 {
    display: inline-block;
    margin: 0
}

h1:after {
    display: block;
    content: "";
    border-bottom: 3px solid #019fb6;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out
}

.nav-item.dropdown:hover:after {
    transform: scaleX(1)
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0 solid;
    border-right: .7em solid transparent;
    border-bottom: 0;
    border-left: .7em solid transparent
}

.cate-img, .cate-img2 {
    background: #3f802f21;
    border-radius: 10px;
    padding: 20px;
    width: 300px;
    height: 300px;
    background: 0 0;
    object-fit: contain
}

.cate-img {
    mix-blend-mode: multiply !important
}

.thumb-content a {
    display: grid;
    justify-content: center;
    align-items: center;
    background: 0 0
}

.thumb-content img {
    width: 100%;
    mix-blend-mode: multiply;
    filter: contrast(1)
}

.category_listing .thumb-content .img-hover-zoom--colorize {
    object-fit: contain
}

.contaxtshshhh {
    font-size: 14px;
    color: var(--header-text-color);
    padding-right: 5px;
    margin-right: 1px;
    font-weight: 100
}

.single-offer-add {
    transition: transform .5s, filter -1.5s ease-in-out;
    width: 100%;
    margin: 70px 8px 25px;
    line-height: 50px;
    font-size: 30px;
    padding: 75px 42px;
    border-radius: 6px;
    text-align: left
}

.bg-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(https://mybesterp.com/upload/website/images.png)
}

.single-offer-add .top-title {
    display: block;
    font-size: 15px;
    color: #fff;
    margin-bottom: 5px
}

.single-offer-add .h3, .single-offer-add h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 8px
}

.single-offer-add p {
    font-size: 15px;
    color: #ffc107;
    margin-bottom: 8px
}

.single-offer-add .shop_now {
    border-radius: 5px;
    font-size: 1rem;
    padding: 3px;
    color: #fff
}

.read-more.success {
    color: #4a8d16
}

.read-more::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 82%;
    height: 1px;
    background-color: var(--bs-primary);
    transition: .5s
}

.read-more i, .read-more svg {
    font-size: 18px;
    position: relative;
    top: 2.5px
}

.testimonial_section.owl-carousel.owl-loaded.owl-drag {
    margin-top: 5rem
}

.stars {
    text-align: center;
    color: #ffeb3b
}

.stars i {
    margin: 3px
}

.testimonial_section .icon {
    border-radius: 50%;
    bottom: 26px;
    position: absolute;
    left: 45px;
    background: #aaa;
    width: 23px;
    padding: 5px
}

.testimonial_section .profile {
    position: absolute;
    left: 82px;
    bottom: 25px
}

.testimonial_sectionf_1 {
    background: #f8f8f8;
    width: 100%;
    padding: 40px;
    border-radius: 10px;
    height: 40vh
}

.happy_clients_welcome {
    padding-top: 4% !important;
    padding-bottom: 8% !important
}

.happy_client {
    position: relative;
    top: 5rem
}

.happy_client.bg-grey {
    background: #9e9e9e12
}

.testimonial, .testimonial .pic {
    background: #f9f9f9;
    text-align: center
}

.happy_client .owl-item img {
    height: 200px !important;
    display: block;
    width: 100% !important;
    aspect-ratio: 3/2;
    object-fit: contain;
    mix-blend-mode: color-burn
}

.happy_client .sec-heading {
    margin-bottom: 50px
}

.happy_client .sec-heading h2 {
    text-align: center;
    font-size: 80px
}

.happy_client .box {
    display: grid;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: auto;
    transition: transform .5s ease-in;
    margin: 8px auto
}

.center,
.cover {
    align-items: center
}

.happy_client .box img {
    max-width: 100%;
    max-height: 100%;
    width: 100%
}

.happy_client .box:hover {
    transform: scale(1.2)
}

.share_cp {
    height: 21px;
    margin-left: -7px
}

.testimonial {
    padding: 80px 35px 45px 45px;
    margin: 70px 15px 35px;
    box-shadow: 8px 4px 0 0 #395f131c;
    position: relative;
    height: 330px
}

.testimonial .pic {
    width: 100px;
    height: 100px;
    border: 5px solid #fff;
    margin: 0 auto;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0
}

.testimonial .pic img {
    padding-top: 10px;
    width: 70% !important;
    height: auto;
    margin: 0 auto
}

.testimonial .description {
    font-size: 15px;
    color: #757575;
    line-height: 27px;
    margin-bottom: 20px;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial .description:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 27px;
    color: #395f13;
    position: absolute;
    top: -15px;
    left: -33px
}

.testimonial .testimonial-profile {
    position: relative;
    margin: 20px 0 10px
}

.testimonial .testimonial-profile:after {
    content: "";
    width: 50px;
    height: 2px;
    background: var(--main-color);
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0
}

.testimonial .title {
    display: inline-block;
    font-size: 18px;
    color: #4a5184;
    letter-spacing: 1px;
    margin: 0
}

.testimonial .post {
    display: inline-block;
    font-size: 15px;
    color: #757575
}

.search-order .blogsidebox {
    background: 0 0;
    padding: 0;
    margin-bottom: 0
}

.deals_sections_1 .rating {
    padding: 10px 0 0
}

.deals_sections_1 .btn.btn-primary.readmorebtn {
    margin-top: 2rem !important
}

.box-wer.deals_sections_1 {
    display: flex;
    margin-top: 4.5rem
}

.deals-img {
    object-fit: contain;
    height: 48vh
}

.deals-box {
    top: 0;
    position: absolute
}

.offer-deal {
    font-size: 1.5rem;
    font-weight: 700;
    text-decoration: underline;
    padding-top: 20px
}

.deals-proname {
    color: var(--main-color);
    font-weight: 600;
    margin-top: .6rem !important
}

.about_section_welcome .image-section.editable img {
    aspect-ratio: 10/9;
    object-fit: contain;
    height: auto !important
}

.about_section_welcome .image-section.editable img:before {
    height: auto !important;
    position: absolute;
    left: -60px;
    top: 60px;
    width: 470px;
    border: 6px solid #8ca06f;
    z-index: 2;
    content: ""
}

section.inner_page_breadcrumb {
    scroll-snap-align: end !important;
    height: auto !important
}

#slider_view.sect_werp,
#slider_view.related_product,
#slider_view.product_tab{
    margin-top: auto !important;
}

#slider_view.related_product{
    padding-bottom: 10px;
}

.related_product .product-item .thumb-wrapper {
    padding: 25px 0px 5px 0px;
}

.inner_page_breadcrumb #slider_view {
    padding-top: 0%;
    min-height: auto !important;
}

section.inner_page_breadcrumb .container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

.inner_page_breadcrumb .img_banner {
    height: 28vh;
    object-fit: cover;
    aspect-ratio: 2/3;
    width: 100%;
}

.inner_page_breadcrumb_about h4.section_head {
    font-size: 14px;
    font-weight: 700;
    color: #4caf50
}

.inner_page_breadcrumb_about h2.section_head {
    font-size: 20px;
    font-weight: 700;
    color: #4caf50
}

.title-decoration {
    padding: 15px 0;
    text-align: center;
    background: url(../images/leaf.png) center no-repeat;
    color: #003242;
    line-height: 50px;
    font-weight: 700
}

.inner_page_breadcrumb {
    padding-top: 7.7rem
}

.addd_zomm {
    object-fit: cover;
    transition: transform .5s;
    height: 265px;
    width: 100%
}

.cover,
.line {
    width: 100%;
    height: 100%;
    left: 0
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
    height: 74vh
}

.slick-dots {
    bottom: 0 !important
}

.text-main {
    top: 50%;
    position: absolute;
    padding: 56px;
    overflow: hidden;
    z-index: 99999
}

.cover {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, .6);
    display: flex
}

.header-content {
    position: relative;
    padding: 76px 35px;
    overflow: hidden
}

.line {
    content: "";
    display: inline-block;
    top: 0;
    position: absolute;
    border: 9px solid #00000047;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: .3s
}

.section_description p:empty {
    display: none;
    margin: 0;
}

.banner_title3 {
   color: var(--main-color);
    position: relative;
    /*margin-left: -8px;*/
    margin-bottom: 35px;
    padding-bottom: 25px;
    font-weight: 400;
    font-size: 58px;
    line-height: 59px;
    word-wrap: break-word;
    /*width: 82%;*/
}

.banner_title3:before {
    background-color: var(--main-color);
    width: 100px;
    height: 3px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 8px
}

.banner_description3 div {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 50px
}

.btn.btn-primary.readmorebtn {
    font-size: var(--font-size16);
    color: var(--black-color);
    transition: .3s;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    background-color: #abd373;
    border-color: #abd373;
    padding: 0;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    overflow: hidden;
    border-radius: 23.5px;
    color: #fff;
    margin-top: 2rem;
    padding-right: 0 !important
}

#countdown ul, .footer-social_ic {
    display: flex;
    list-style: none
}

#countdown ul li {
    margin: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 17px;
    width: 116px
}

#countdown ul li span {
    font-size: 2rem;
    color: #000
}

.newsletter_area {
    background: var(--newsletter-background)
}

.newsletter_inner {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter_content {
    position: relative;
    padding-left: 60px
}

.mobile-cart-box, .review_txt div font b {
    margin-bottom: 10px
}

.newsletter_content::before {
    content: "\f1d9";
    display: block;
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    font-size: 40px;
    color: var(--newsletter-text-color);
    top: -2px
}

.newsletter_content h2 {
    color: var(--newsletter-text-color);
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0
}

.newsletter_content p {
    color: var(--newsletter-text-color);
    font-size: 14px;
    line-height: 24px;
    text-align: left
}

.newsletter_form {
    margin-top: 15px;
    position: relative
}

/*.nrml,*/
.section-top-image:before {
    position: absolute;
    right: 0;
    left: 0
}

.newsletter_form form {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.newsletter_form form input {
    height: 45px;
    width: 388px;
    font-size: 14px;
    background: #fff;
    padding: 0 20px;
    border: 0;
    border-radius: 5px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .newsletter_content {
        padding-left: 50px
    }

    .newsletter_content::before {
        font-size: 35px
    }

    .newsletter_content h2 {
        font-size: 14px;
        line-height: 20px
    }

    .newsletter_content p {
        font-size: 13px
    }

    .newsletter_form form input {
        width: 270px
    }
}

.newsletter_form form button {
    width: 100px;
    height: 45px;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    background: #222;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 8px
}

.newsletter_form form button:hover {
    background: #444
}

@media only screen and (max-width:767px) {
    .newsletter_inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 25px 0 16px
    }

    .newsletter_content {
        padding-left: 40px;
        margin: 0 auto
    }

    .newsletter_content::before {
        font-size: 30px
    }

    .newsletter_content h2 {
        font-size: 13px;
        line-height: 20px
    }

    .newsletter_content p {
        font-size: 12px
    }

    .newsletter_form {
        margin-top: 22px
    }

    .newsletter_form form {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .newsletter_form form input {
        height: 40px;
        width: 192px;
        font-size: 13px
    }

    .newsletter_form form button {
        height: 40px;
        font-size: 13px;
        width: 90px
    }
}

.newsletter_form form input[type=text]::-webkit-input-placeholder {
    color: #444;
    opacity: .8
}

.newsletter_form form input[type=text]::-moz-placeholder {
    color: #444;
    opacity: .8
}

.newsletter_form form input[type=text]:-ms-input-placeholder {
    color: #444;
    opacity: .8
}

.newsletter_form form input[type=text]::-ms-input-placeholder {
    color: #444;
    opacity: .8
}

.newsletter_form form input[type=text]::placeholder {
    color: #444;
    opacity: .8
}

.footer-social_ic li {
    margin: 0 16px 9px 0
}

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

.product-specification h6,
.product_tab label.nav {
    align-items: center;
    display: flex
}

.footer_wrwpp {
    padding-top: 12rem;
    height: 100vh !important;
    overflow: hidden
}

.footer_wrwpp .nav-link {
    padding: .2rem .1rem
}

.nrml {
    top: 0;
    transition: top .3s;
    z-index: 9;
    width: 100%;
    padding: 0;
    box-shadow: 0 -3px 6px #0000001;
    height: 140px;
}

#slider_view {
    position: relative;
    margin-top: 20% !important;
    height: calc(100vh - 117px);
}

#banner_slider img {
    height: 600px;
}

#grid_view {
    position: relative;
    margin-top: 4% !important;
    height: calc(100vh - 117px);
}

#grid_view.vnewslettes,
#grid_view.inner_page_breadcrumb #slider_view{
    position: relative;
    margin-top: 0% !important;
    height: auto;
}

#grid_view.inner_page_breadcrumb{
    margin-top: 0% !important;
}

main:has(.inner_page_breadcrumb) .about_us:has(#about2),
main:has(.inner_page_breadcrumb) #grid_view,
main:has(.inner_page_breadcrumb) #grid_view.vcontact_address{
    height: auto;
    margin-top: 0% !important;
}

.cn-talk {
    padding: 0px 0px 50px;
}

.cn-talk p {
    font-size: 30px;
}

.section-top-image:before {
    content: "";
    top: -25px;
    z-index: 1;
    height: 26px;
    background: url(../images/bg-top.png) center center/cover
}

.sect_werp {
    height: auto !important;
    padding-top: 8rem !important
}

.group_details {
    padding-top: 11rem !important
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: left !important
}

.add_space {
    padding-top: 12rem !important;
    padding-bottom: 4rem !important;
    min-height: 100vh
}

.mobile-cart-box {
    display: flex;
    padding: 20px;
    border: 2px solid #d8d8d8;
    background: #fff;
    border-radius: 10px
}

.mobile-cart-box .mcart-dis #controls {
    margin: .5rem 0
}

.mobile-cart-box .mcart-dis {
    padding: 0 30px
}

.product_tab .layout {
    display: grid;
    height: 100%;
    width: 100%;
    overflow: hidden;
    grid-template-rows: 50px 1fr;
    grid-template-columns: 1fr 1fr
}

.product_tab label.nav {
    justify-content: center;
    cursor: pointer;
    border-bottom: 2px solid #8e44ad;
    background: #ecf0f1;
    user-select: none;
    transition: background .4s, padding-left .2s;
    padding-left: 0
}

.cd-products-table .features,
.cd-products-wrapper {
    border-style: solid;
    border-color: #e6e6e6;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.product_tab input[type=radio]:checked+.page+label.nav {
    background: #9b59b6;
    color: #fff;
    padding-left: 20px
}

.product_tab input[type=radio]:checked+.page+label.nav span {
    padding-left: 20px
}

.product_tab label.nav span {
    padding-left: 0;
    position: relative
}

.product_tab label.nav svg {
    left: 0;
    top: -3px;
    position: absolute;
    width: 15px;
    opacity: 0;
    transition: opacity .2s
}

.product_tab .page {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-column-end: span 3;
    padding: 0 20px;
    display: flex
}

.product_tab input[type=radio]+.page {
    transition: transform .2s;
    transform: translateX(100%)
}

.product_tab input[type=radio]:checked+.page .page-contents>* {
    opacity: 1;
    transform: translateY(0)
}

.product_tab .page-contents {
    max-width: 100%;
    width: 500px;
    margin: 0 auto
}

.feat-items {
    min-height: 150px
}

.cd-products-comparison-table {
    margin-bottom: 6em;
    padding-top: 20px
}

.cd-products-comparison-table::after {
    display: none;
    content: "mobile"
}

.cd-products-comparison-table header {
    padding: 0 5% 25px
}

.cd-products-comparison-table header::after {
    clear: both;
    content: "";
    display: table
}

.cd-products-comparison-table h2 {
    float: left;
    font-weight: 700
}

.cd-products-comparison-table .filter,
.cd-products-comparison-table .reset {
    font-size: 1.4rem
}

.cd-products-comparison-table .reset {
    color: #404042;
    text-decoration: underline
}

.cd-products-comparison-table .filter {
    padding: .6em 1.5em;
    color: #fff;
    background-color: #ccc;
    border-radius: 3px;
    margin-left: 1em;
    cursor: not-allowed;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.cd-products-comparison-table .filter.active {
    cursor: pointer;
    background-color: #9dc997
}

.no-touch .cd-products-comparison-table .filter.active:hover {
    background-color: #a7cea1
}

.cd-products-table .features {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 20%;
    background-color: #fafafa;
    opacity: .95
}

.cd-products-table .features::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 4px;
    height: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .06), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .06), transparent);
    opacity: 0
}

.cd-products-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.cd-products-columns {
    width: max-content;
    margin-left: 20%
}

.cd-products-columns .product {
    position: relative;
    float: left;
    width: 150px;
    text-align: center;
    -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, visibility .3s, -moz-transform .3s;
    transition: opacity .3s, visibility .3s, transform .3s
}

.no-product-transition .cd-products-columns .product.selected {
    -webkit-transition: opacity .3s, visibility .3s;
    -moz-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.filtered .cd-products-columns .product:not(.selected) {
    position: absolute
}

.cd-features-list li.rate {
    padding: 21px 0
}

.cd-features-list li.rate span {
    display: inline-block;
    height: 22px;
    width: 110px;
    background: url(../img/cd-star.svg);
    color: transparent
}

.features .cd-features-list li {
    white-space: nowrap;
    text-overflow: clip;
    overflow: auto
}

.cd-products-table .top-info {
    position: relative;
    height: 177px;
    width: 150px;
    text-align: center;
    padding: 1.25em 2.5em;
    border: 1px solid #e6e6e6;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    transition: height .3s;
    cursor: pointer;
    background: #fff
}

.cd-products-table .top-info::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 4px;
    width: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .06), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .06), transparent);
    opacity: 0
}

.cd-products-table .top-info h3 {
    padding: 1.25em 0 .625em;
    font-weight: 700;
    font-size: 1.4rem
}

.cd-products-table .top-info img {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-products-table .top-info h3,
.cd-products-table .top-info img {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.cd-products-table .top-info .check {
    position: relative;
    display: inline-block;
    height: 16px;
    /*z-index: 99;*/
}

.cd-products-table .top-info .check::after,
.cd-products-table .top-info .check::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%
}

.cd-products-table .top-info .check::before {
    display: none;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    background: #fff;
    -webkit-transition: background-color .3s, -webkit-transform .3s, border-color .3s;
    -moz-transition: background-color .3s, -moz-transform .3s, border-color .3s;
    transition: background-color .3s, transform .3s, border-color .3s
}

.cd-products-table .top-info .check::after {
    background: url(../img/cd-check.svg) center center/24px 24px no-repeat;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.cd-products-table .features .top-info {
    width: 100%;
    cursor: auto;
    background: #fafafa
}

.cd-products-table .selected .top-info .check::before {
    background: #9dc997;
    border-color: #9dc997;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: .3s cd-bounce;
    -moz-animation: .3s cd-bounce;
    animation: .3s cd-bounce
}

@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: scale(1)
    }

    60% {
        -webkit-transform: scale(1.6)
    }

    100% {
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes cd-bounce {
    0% {
        -moz-transform: scale(1)
    }

    60% {
        -moz-transform: scale(1.6)
    }

    100% {
        -moz-transform: scale(1.5)
    }
}

@keyframes cd-bounce {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    60% {
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
        -o-transform: scale(1.6);
        transform: scale(1.6)
    }

    100% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.cd-table-navigation a {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 15px;
    -webkit-transform: translateY(55px);
    -moz-transform: translateY(55px);
    -ms-transform: translateY(55px);
    -o-transform: translateY(55px);
    transform: translateY(55px);
    overflow: hidden;
    padding: 9px 10px;
    color: #a2a2a2;
    height: 37px;
    width: 32px;
    background: rgb(217 217 217 / 80%) center center no-repeat;
    border-radius: 3px;
    -webkit-transition: background-color .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
    -moz-transition: background-color .3s, opacity .3s, visibility .3s, -moz-transform .3s;
    transition: background-color .3s, opacity .3s, visibility .3s, transform .3s
}

.cd-table-navigation a.inactive {
    opacity: 0;
    visibility: hidden
}

.cd-table-navigation a.prev {
    left: 120px;
    right: auto
}

.no-touch .cd-table-navigation a:hover {
    background-color: #404042
}

.no-js .cd-products-table .top-info {
    height: 145px
}

@media only screen and (min-width:1170px) {
    .cd-products-comparison-table {
        margin-bottom: 8em
    }

    .cd-products-comparison-table::after {
        content: "desktop"
    }

    .cd-products-comparison-table header {
        padding: 0 5% 40px
    }

    .cd-products-comparison-table h2 {
        font-size: 2.4rem
    }

    .cd-products-comparison-table .filter,
    .cd-products-comparison-table .reset {
        font-size: 1.6rem
    }

    .cd-products-comparison-table .filter {
        padding: .6em 2em;
        margin-left: 1.6em
    }

    .cd-products-table .features {
        width: 19%
    }

    .cd-products-columns {
        width: max-content;
        margin-left: 19%
    }

    .cd-products-columns .product,
    .cd-products-table .top-info {
        width: 310px
    }

    .cd-features-list li.rate {
        padding: 22px 0
    }

    .cd-products-table .top-info h3 {
        padding-top: .5em;
        font-size: 1rem
    }

    .cd-products-table .top-info .check {
        margin-bottom: 1.5em
    }

    .cd-products-table .features .top-info {
        width: 100%
    }

    .cd-products-table.top-fixed .cd-products-columns>li,
    .cd-products-table.top-fixed .features,
    .cd-products-table.top-scrolling .cd-products-columns>li,
    .cd-products-table.top-scrolling .features {
        padding-top: 160px
    }

    .cd-products-table.top-fixed .top-info,
    .cd-products-table.top-scrolling .top-info {
        height: 160px;
        position: fixed;
        top: 0
    }

    .no-cssgradients .cd-products-table.top-fixed .top-info,
    .no-cssgradients .cd-products-table.top-scrolling .top-info {
        border-bottom: 1px solid #e6e6e6
    }

    .cd-products-table.top-fixed .top-info::after,
    .cd-products-table.top-scrolling .top-info::after {
        opacity: 1
    }

    .cd-products-table.top-fixed .top-info h3,
    .cd-products-table.top-scrolling .top-info h3 {
        -webkit-transform: translateY(-116px);
        -moz-transform: translateY(-116px);
        -ms-transform: translateY(-116px);
        -o-transform: translateY(-116px);
        transform: translateY(-116px)
    }

    .cd-products-table.top-fixed .top-info img,
    .cd-products-table.top-scrolling .top-info img {
        -webkit-transform: translateY(-62px) scale(.4);
        -moz-transform: translateY(-62px) scale(.4);
        -ms-transform: translateY(-62px) scale(.4);
        -o-transform: translateY(-62px) scale(.4);
        transform: translateY(-62px) scale(.4)
    }

    .cd-products-table.top-scrolling .top-info {
        position: absolute
    }

    .cd-table-navigation a {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px)
    }

    .cd-table-navigation a.prev {
        left: 210px
    }

    .top-fixed .cd-table-navigation a {
        position: fixed
    }

    .top-fixed .cd-table-navigation a,
    .top-scrolling .cd-table-navigation a {
        -webkit-transform: translateY(45px);
        -moz-transform: translateY(45px);
        -ms-transform: translateY(45px);
        -o-transform: translateY(45px);
        transform: translateY(45px)
    }

    .top-fixed .cd-table-navigation a.prev,
    .top-scrolling .cd-table-navigation a.prev {
        -webkit-transform: translateY(45px) translateX(15px) rotate(180deg);
        -moz-transform: translateY(45px) translateX(15px) rotate(180deg);
        -ms-transform: translateY(45px) translateX(15px) rotate(180deg);
        -o-transform: translateY(45px) translateX(15px) rotate(180deg);
        transform: translateY(45px) translateX(15px) rotate(180deg)
    }

    .no-js .cd-products-table .top-info {
        height: 248px
    }
}

.product-specification a {
    font-weight: 600;
    font-size: 11px;
    margin-left: 14px;
    padding: 5px 20px;
    border: 2px solid #e9e9e9
}

.product-specification a.active {
    background: #e9e9e9
}

.review_txt div font {
    font-size: 16px
}

.review_txt div ul {
    margin-top: 10px;
    margin-left: 40px !important
}

.itemsasdadsds {
    display: block;
    width: 50px !important;
    object-fit: contain;
    height: 50px;
    aspect-ratio: 3/1;
    position: absolute;
    bottom: 10px;
    background: #dedede;
    border-radius: 50%;
    padding: 8px;
    left: 45%;
    top: 32px
}

.testimonial_sectionf_1 .stars {
    padding-top: 53px
}

.home_page_hot_product_welcome .owl-carousel .owl-nav,
.home_page_product_deal_section_welcome .owl-carousel .owl-nav,
.testimonials_section_welcome .owl-carousel .owl-nav {
    display: block !important
}

#btnRemove,
.shopping-cart #btnAdd {
    width: 17px;
    color: #fff;
    border: 1px solid var(--main-color);
    border-radius: 100%;
    display: flex;
    height: 17px;
    padding: 1px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600
}

.item-price {
    font-size: 14px;
    color: var(--old-rate);
    margin-left: 8px;
}

.review_txt {
    height: 60vh;
    overflow: auto;
    padding-right: 20px
}

.modal-backdrop {
    z-index: 999999999
}

.modal {
    z-index: 99999999999
}

.modal-header {
    background: #f5f5f5;
    padding: 14px 15px 14px 40px
}

.modal-header h5 {
    margin-bottom: 0 !important;
    font-size: 1.1rem
}

.modal .form-control {
    font-size: 13px !important
}

.mega-menu-container {
    background: #fdfdfd !important;
    box-shadow: 1px 1px 4px #00000014
}

#wishlist_container .sku {
    font-size: 11px
}

#wishlist_container .product-item .thumb-wrapper {
  margin-bottom: 26px;
}

#wishlist_container .product-item h4 {
    font-size: .8rem;
    height: 36px
}

#wishlist_container .item-price .primary_color {
    color: #000;
    margin-left: -6px;
    font-size: 14px
}

#wishlist_container .item-price {
    font-size: 11px;
    color: #898989;
    margin-left: 8px
}

#wishlist_container .deal_box {
    font-size: 11px;
    padding: 3.5px 6px;
    color: #388e3c;
    border-radius: 0 6px
}

#wishlist_container .stockin {
    font-size: 9px;
    top: 10px;
    left: -42px
}

@media (min-width:990px) {
    .container-fluid {
        width: 100%;
        padding-right: 50px;
        padding-left: 50px
    }

    .header_sticky .container-fluid.primary_bg.nrml-header {
        padding-top: 8px;
        transition: .3s
    }

    .header_sticky .center-box .social-container {
        padding-top: 14px
    }

    .header_sticky .navbar-brand img {
        top: 21px !important;
        position: absolute;
        aspect-ratio: 3/2;
        /*width: 132px !important;*/
        object-fit: contain;
        transition: .3s
    }

    .header_sticky .h50 {
        height: auto !important;
        transition: .3s
    }

    .header_sticky #navbarSupportedContent {
        /*margin-top: -21px !important;*/
        /*transition: .3s*/
    }

    .header_sticky .nrml-header {
        transition: .3s;
        padding-bottom: 0
    }

    .header_sticky .navbar {
        padding: .5rem 0 0 !important;
        transition: .3s
    }

    .header_sticky .middle-box {
        padding-top: 10px
    }

    .dropdown.hidden-sm {
        padding-top: 15px
    }
}

.error404 {
    padding-top: 12rem;
    padding-bottom: 8rem
}

.error404 p {
    padding-top: 30px
}

.clear_filter {
    padding: 7px;
    text-align: center;
    background: var(--main-color);
    color: #fff
}

.blog-heading {
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
    font-size: 1.6rem
}

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

.add-contact_section_1 .g-recaptcha {
    margin-left: 16px
}

.sort select {
    width: 200px;
    padding: 4px
}

h1.section-title,
h1.section_head {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    width: 100%
}

h1.section_head {
    font-size: 2rem;
    color: var(--about-heading);
    text-transform: capitalize
}

h1.bd-section__title,
h1.ttitleefont {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 2rem;
    color: var(--main-heading) !important;
    text-transform: uppercase
}

.common_section {
    padding-top: 40px;
    padding-bottom: 40px
}

.common_section .section.section_row_col .section_description {
    max-height: 100%
}

h1.free-quote-title {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.3rem;
    color: #000 !important;
    text-transform: capitalize
}

h1.section-title {
    font-size: 2rem;
    color: var(--main-color);
    text-transform: capitalize
}

.delivery-sec a,
.order-success-sec h4 {
    text-transform: capitalize;
    font-weight: 600
}

.review_txt p {
    font-family: Figtree, sans-serif !important;
    font-size: 15px !important
}

.success-text {
    padding-top: 25px;
    text-align: center
}

.success-text .checkmark {
    position: relative;
    padding: 30px;
    display: inline-block;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    margin: -20px
}

.success-text .checkmark__background {
    fill: #395f13;
    height: 69px;
    -webkit-animation: 35s linear infinite both rotate;
    animation: 35s linear infinite both rotate;
    width: 69px
}

.success-text .star:first-child {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    width: 12px;
    height: 12px;
    left: 12px;
    top: 16px
}

.success-text .star {
    position: absolute;
    -webkit-animation: 3s infinite grow;
    animation: 3s infinite grow;
    fill: #395f13;
    opacity: 0
}

.success-text .star:nth-child(2) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    width: 18px;
    height: 18px;
    left: 168px;
    top: 84px
}

.success-text .star:nth-child(3) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
    width: 10px;
    height: 10px;
    left: 32px;
    top: 162px
}

.success-text .star:nth-child(4) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
    width: 20px;
    height: 20px;
    left: 82px;
    top: -12px
}

.success-text .star:nth-child(5) {
    -webkit-animation-delay: 7.5s;
    animation-delay: 7.5s;
    width: 14px;
    height: 14px;
    left: 125px;
    top: 162px
}

.success-text .star:nth-child(6) {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
    width: 10px;
    height: 10px;
    left: 16px;
    top: 16px
}

.success-text .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

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

@keyframes grow {

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

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

@keyframes checkmark {

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

    10%,
    50%,
    90% {
        opacity: 1;
        transform: scale(1)
    }
}

.section-b-space {
    margin-top: 65px;
    margin-bottom: 65px
}

.order-success-sec {
    background-color: #f9f9f9;
    padding: 25px;
    border: 1px solid #eee
}

.order-success-sec h4 {
    font-size: 19px;
    border-bottom: 1px solid rgba(34, 38, 42, .12);
    padding-bottom: 8px;
    line-height: 1.3;
    margin-bottom: 8px
}

.order-success-sec .order-detail li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 3px;
    color: #777
}

.delivery-sec {
    margin-bottom: -5px;
    padding: 0;
    margin-top: 20px;
    background-color: transparent
}

.delivery-sec h3 {
    color: #000;
    text-transform: capitalize;
    font-size: 18px;
    margin-bottom: 0
}

.delivery-sec a {
    font-size: 16px;
    color: #395f13;
    margin-top: 5px;
    display: block
}

tfoot {
    border-top: 1px solid #dee2e6
}

.order-table {
    border: 1px solid #dee2e6
}

.order-table .cart_image img {
    object-fit: contain;
    margin-left: 0 !important
}

.order-table .image.product-thumbnail.pt-40 {
    height: auto !important
}

#slider_view.slider_blog_section {
    padding-top: 2%
}

.main_box_h .dropdown-menu {
    background: #f0f2f2
}

.main_box_h .dropdown-menu p {
    font-size: 12px;
    padding-left: 5px
}

.blog_section .grid_view {
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap
}

.blog_section label {
    flex-basis: 33%;
    padding: 0 10px 20px
}

.table.table-wishlist th {
    background: white !important
}

.product-item .thumb-content a {
    display: inline;
}

.product-item .btn-primary {
    margin-top: 8px;
    padding-right: 20px !important;
    background: var(--button-background) !important;
    color: var(--button-color);
    line-height: 40px;
    padding: 7px 0 7px 20px;
    border: none;
    border-radius: 1px;
}

.product-item .hide {
    display: block;
}

.product-item .hide .btn-primary {
    background: linear-gradient(0deg, #afafaf 0, #afafaf 100%) !important
}

.product-item .hide a {
    pointer-events: none;
}

.social-box {
    margin-top: 1.5% !important;
    right: 40%;
    position: absolute;
}

#mega-menu {
    width: 100%;
}

.sub-nav {
    justify-content: flex-start !important;
}

.center-box .social-container {
    margin-left: -116px;
}

tfoot tr {}

img#main-image {
    max-height: 390px;
    width: auto;
    height: auto;
}

img#main-image:where([data-height="large"]) {
    height: 390px;
}

.common_section .section.section_row_col {
    text-align: justify;
}

.info_contact .fa {
    display: inline !important;
}

.search-loader {
    height: 25px;
    position: absolute;
    top: 10px;
    right: 50px;
}

#search_loader1 {
    height: 100vh;
    position: absolute;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search_loader1 img {
    height: 120px;
    width: 120px;
    z-index: 9999;
}

.g-recaptcha div {
    padding-right: 3px !important;
}

.g-recaptcha div, .g-recaptcha div iframe, .rc-anchor-normal {
    width: 100% !important;
}

/* moz */
@-moz-document url-prefix() {
    .home_page_slider_section .owl-carousel .owl-dot {
        margin: -73px 9px 9px !important;
    }
    
    footer .n_pssd {
        padding-top: 3rem !important;
    } 
}

.product_tab .nav {
    width: 100%;
}

.page-description {
    /* border: 1px solid #f7f7f7; */
    border-radius: 2px;
    /*padding: 14px;*/
    /*box-shadow: 2px 2px 10px #8080800d;*/
    margin-bottom: 20px;
}

.page-description h1 {
    font-size: 22px;
    color: #395f13;
    font-weight: 700;
    padding-bottom: 7px;
}

.owl-nav.disabled {
    display: none !important;
}

.owl-prev.disabled,
.owl-next.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.page-description p {
    font-size: 15px;
}

.deal-button-box {
    display: flex;
}

.order-product-img {
    width: 150px;
}

.btn-primary.checkout-btn {
  background: var(--button-background) !important;
  color: var(--button-color) !important;
}
  
.contact-details__info .text span {
    color: var(--main-color);
}

.product-img {
    width: 150px;
}

.about_section_description, .section_description {
    text-align: justify;
}

.home_page_slider_section .container {
    min-width: 1320px;
}

.banner_description2 {
    font-size: 16px;
    width: 60%;
}

.sliderw_2 .cover {
    position: absolute;
    top: 0px;
    display: flex;
    background: rgba(0, 0, 0, 0.6);
}

.slider_view_testimonial_section:has(.itemsasdadsds) p {
    font-size: 15px;
    color: #757575;
    line-height: 27px;
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.slider_view_testimonial_section .information p {
    color: #000;
    font-weight: 600;
}

.header-user_ac .dropbtn {
    color: var(--header-text-color);
}

a.contaxtshshhh:hover {
    color: var(--header-text-color);
}

.about_us_welcome section {
    background: #f6f6f600;
}

.newsletter_welcome .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.footer-height {
    max-height: calc(100vh - 385px);
    overflow-x: hidden;
    overflow-y: auto;
}

.footer-height .row {
    margin-left: 0px;
    margin-right: 0px;
}

.contact_address_welcome .vcontact_address {
    padding-top: 0px;
}

.vcontact_address .contact_address_welcome {
    background: #f6f6f600;
}