/*
Theme Name: Responsive Landing Page Pro
Description: Responsive Landing Page Pro WordPress Theme is the perfect choice for building Landing Page Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Landing Page Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Landing Page Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/medical-store/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: responsive-landing-page-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Open Sans:ital,wght@0,100..900;1,100..900&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1350px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    /* animation: spin 1s linear infinite; */
    margin-right: 8px;
}
@media only screen and (min-width: 1025px) {
  .sticky-header {
    position: fixed;
    width: 100%;
    z-index: 99999 !important;
    top: 40px;
    left: 0;
    right: 0;
    padding: 4px 10px;
    animation: slideDown 0.75s ease-out;
    background-color: #8D5E2F;
    box-shadow: 0px 2px 6px #CCBABAF2;
  }

  @keyframes slideDown {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
  }

  .sticky-header .top-header-row1 {
    display: none;
  }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* .pp-counter-number-wrap {
        font-size: 20px !important;
    } */
	
	
	.mtsnb a{
		padding: 5px 20px !important;
	}
	
	
	.elementskit-menu-close {
    position: relative;
    top: 70%;
  }
	
	.award-win .pp-counter-number-wrap {
    margin-left: -10px !important;
   }


    .newsmail #your-email{
      width: 170px !important;
    }


    .memberss .pp-slider-arrow {
      display: none;
    }

    .serviceecatt .swiper-button{
      display: none;
    }

    #landing-services .pp-slider-arrow{
      display: none;
    }

    #hero-section{
      min-height: 920px !important;
    }

    .upk-title{
      width: 280px !important;
    }

    .upk-ramble-grid .upk-image-wrap:before{
      left: 10px !important;
    }

    #case-study-section .upk-text{
        display: -webkit-box;
        -webkit-line-clamp: 2; /* change number of lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }


}



@media only screen and (max-width: 425px) {
    .pp-counter-icon img {
        width: 100px;
        max-width: 200px !important;
    }
}


@media only screen and (width: 425px) {
    .appointment-form label{
      display: inline-flex !important;
      gap: 0px !important;
      font-size: 15px;
    }

    .appointment-form input,
    .appointment-form select,
    .appointment-form textarea{
      font-size: 10px !important;
    }
}


@media only screen and (width: 375px) {
    .appointment-form label{
      display: inline-flex !important;
      gap: 0px !important;
      font-size: 12px;
    }

    .appointment-form input,
    .appointment-form select,
    .appointment-form textarea{
      font-size: 10px !important;
    }
}


@media only screen and (width: 320px) {
    .appointment-form label{
      display: inline-flex !important;
      gap: 0px !important;
      font-size: 9px;
    }

    .appointment-form input,
    .appointment-form select,
    .appointment-form textarea{
      font-size: 10px !important;
    }

    .newsmail #your-email{
      width: 280px !important;    
    }
}






body:not(.home) .main-header{
  background: #8D5E2F; 
}





/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
.top-light img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*============================= Moving Image End =========================*/
body .wp-block-group.is-vertical {
  flex-direction: column;
  margin-top: 200px !important;
}
/*=============== Elementor Page ===============*/

/* .elementor.elementor-48{
margin-top: 200px !important;

} */
.inner-banner {
  height: 300px !important;
  margin-top: 200px;
}
.banner-img-main-box{
  height: 300px;
}

/*=============== Top Hero section ===============*/
#hero-row-1 .hero-col-3{
z-index: 99;
left: -10%;
}

.happy-customer {
  position: absolute;
  transform: translate(-35px, 0px) rotate(180deg);
  writing-mode: vertical-rl;
  z-index: 1;
  /* width: fit-content;
  height: auto;
  text-align: center;
  align-items: center; */
}
.hero-counter .elementor-widget-container{
  width: 84% !important;
}



/**** About Us Section ****/
.about-support {
  position: absolute;
  left: 90px !important;
  top: 230px;
  z-index: 9;
}

.about-growth {
  position: absolute;
  right: 74px !important;
  top: -150px;
  z-index: 9;
}

#about-us-section .about-support .elementor-image-box-img img{
    background: #F483E0 !important;
    width: 75%;
    padding: 10px;
    margin-left: 15px;
}

#about-us-section .about-growth .elementor-image-box-img img{
    background: #6BCDFF !important;
    width: 75%;
    padding: 10px;
    margin-left: 15px;
}


/**** Landing Page Service Section ****/


#landing-services  .landing-services-carousel .pp-posts .pp-post-thumbnail img{
width: 80px !important;

}

#landing-services  .landing-services-carousel .swiper-container-wrap .elementor-swiper-button-next {
  right: 0px;
  top: -18%;
  width: 50px;
  height: 50px;
}
#landing-services  .landing-services-carousel .elementor-swiper-button-prev {
  left: unset !important;
  right: 4.5%;
  top: -18%;
  width: 50px;
  height: 50px;
}

/* Landing Page Project Section */


.blog-gridd .pp-post-content{
  display: grid;
}
.blog-gridd .pp-post-meta{
  order: -1;
}

.blog-gridd .pp-post-meta {
    border: solid;
    border-width: 1px 0px;
    padding: 10px 0px;
}

.blog-gridd .pp-icon svg{
  fill: #333333 !important;
}

.wp-block-search{
    background: #8D6AEE !important;
    padding: 20px !important;
    border-radius: 25px !important;
    color: white!important;
}

.wp-block-search__inside-wrapper{
    display: flex;
    gap: 10px;
}

.wp-element-button{
    padding: 5px 5px;
    border-radius: 5px;
    background: #6BCDFF;
    border: none;
    color: #000;
}

.wp-block-search__input{
  border: none;
}

.wp-block-group-is-layout-flow{
    padding: 20px;
    background: #8D6AEE;
    border-radius: 25px;
    color: white;
    margin-top: 30px;
}

.wp-block-group-is-layout-flow li a {
    color: white;
}

.wp-block-latest-posts li {
    margin-top: 20px;
}

.widget_meta{
  background: #8D6AEE;
  padding: 20px;
  border-radius: 25px;
  color: white;
  margin-top: 30px;
}

.widget_meta li a {
    color: white !important;
}

.widget_meta li{
  margin-top: 20px;
}

.wp-block-group-is-layout-constrained{
    background: #8D6AEE;
    padding: 20px;
    border-radius: 25px;
    color: white;
    margin-top: 30px;
}

.wp-block-group-is-layout-constrained li a{
  color: white;
}

.wp-block-group-is-layout-constrained li{
  margin-top: 20px;
}


.upk-ramble-grid .upk-item {
  display: flex;
  position: relative;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  height: 450px !important;
  -webkit-box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5);
  box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.upk-ramble-grid .upk-content {
  position: absolute;
  top: 100px !important;
  left: 0;
  width: 100%;
  padding: 30px;

}
.upk-ramble-grid .upk-image-wrap:before {
  position: absolute;
  content: "";
  top: 290px;
  left: 20px;
  width: 94.5%;
  border-radius: 12px;
  height: 32%;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.upk-ramble-grid .upk-item:hover .upk-image-wrap:before {
  background-color: rgb(255 255 255);
  top: 280px !important;
  /* top: 400px; */
}
/* .upk-ramble-grid .upk-image-wrap:before {
  position: absolute;
  content: "";
  top: 60%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d51e1e;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
} */
.upk-ramble-grid .upk-btn-comments-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-bottom: 40px;
  padding-left: 60px;
}
.upk-ramble-grid .upk-default-show {
  position: absolute;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  transform: translateY(0);
  padding: 30px;
  top: 170px !important;
  width: 100%;
}


/* .upk-ramble-grid .upk-default-show {
  position: absolute;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  transform: translateY(0);
  padding: 30px;
  top: 300px !important;
  color: #000 !important;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
} */
.upk-ramble-grid .upk-item:hover .upk-default-show {
  visibility: visible !important;
  opacity: 1;
  transform: translateY(2px);
  top: 175px !important;
  width: 100% !important;
  background: #fbfbfb00 !important;
}
.upk-ramble-grid .upk-item:hover .upk-default-hide {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0.1s;
  top: 210px;
  background-color: #fbfbfb00 !important;
}





@media (min-width: 1366px) and (max-width: 1440px) {
    #landing-services .landing-services-carousel .elementor-swiper-button-prev {
        right: 6% !important;
    }
	
	.memberss .elementor-element .swiper~.elementor-swiper-button-prev {
    left: 90% !important;
   }
	
	.owl-nav .owl-prev{
	   transform: translateX(-20px);
	}
}









/* .landing-services-carousel .pp-post .pp-post-thumbnail {
  display: flex !important;
  justify-content: flex-start;
}  */










/* .our-services-col2 .elementor-counter .elementor-counter-title{
text-align: center;
}
.our-services-post-section .service-post .pp-post-thumbnail img{
width: 20%;
}
.our-services-post-section .service-post .pp-posts-button {
  display: flex !important;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#our-services .elementor-40 .elementor-element.elementor-element-11191e0d .pp-posts-button {
  font-family: "Open Sans", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  background-color: #724935;
  color: #EABF7C;
  border-radius: 16px 16px 16px 16px;
}
.our-services-post-section .service-post .pp-posts-button .pp-button-icon .svg.e-font-icon-svg.e-fas-angle-double-right{
  font-size: 20px;
}
#our-services .elementor-button{
  fill: currentColor; 
  transition: color 0.3s, fill 0.3s;
}
#our-services .elementor-button:hover {
  color: #724935;
  background-color:  #EABF7C;
} */


/* Our Services Inner Page) */
/* 
#our-services-inner .elementor-40 .elementor-element.elementor-element-11191e0d .pp-posts-button {
  font-family: "Open Sans", Sans-serif;
  font-size: 14px;
  font-weight: 600;
  background-color: #724935;
  color: #EABF7C;
  border-radius: 16px 16px 16px 16px;
}
#our-services-inner .elementor-button{
  fill: currentColor; 
  transition: color 0.3s, fill 0.3s;
}
#our-services-inner .elementor-button:hover {
  color: #724935;
  background-color:  #EABF7C;
} */

/** Testimonials **/
.e-fas-angle-double-right{
font-size: 20px !important;
}

.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementkit-commentor-details {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start !important;
}

.swiper-slide .swiper-slide-active{
  width: 500px !important;
  margin-right: 15px;

}
.ekit-wid-con .elementskit-commentor-bio .elementskit-commentor-image>img {
  border-radius: 16px !important;
  height: 80px !important;
  width: 80px !important;
}
.elementskit-profile-info {
  display: inline-flex !important;
  gap: 10px;
  align-items:center !important;
  margin-top: 10px;
}
.elementor-355 .elementor-element.elementor-element-7e11789 .ekit_testimonial_style_5 .elementskit-watermark-icon {
  bottom: 30%;
  right: 30px;
}

.elementor-355 .elementor-element.elementor-element-7e11789 .ekit_testimonial_style_5 .elementskit-commentor-header {
  text-align: center !important;
}
.elementskit-single-testimonial-slider {
  display: grid !important;
}
 .elementskit-commentor-content {
  padding-right: 0;
  order: 2 !important;
}
.ekit-wid-con .ekit_testimonial_style_5 .elementskit-commentor-header {
  display: grid;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  justify-items: stretch;
  margin-left: -54% !important;
  margin-bottom: -4% !important;
}
.ekit-wid-con .elementskit-testimonial-slider-block-style-two .elementskit-stars {
  -ms-flex-item-align: end;
  align-self: flex-end;
  left: 16% !important;
  bottom: -100% !important;
  display: flex !important;
  align-content: center;
  justify-content: center;
  align-items: center;
}
/* Base style for all testimonial slides */
#testimonials-section .ekit-main-swiper .swiper-slide {
  transform: scale(0.9);
  transition: all 0.4s ease-in-out;
  filter: blur(0px);
}

/* Active testimonial */
#testimonials-section .ekit-main-swiper .swiper-slide.swiper-slide-active {
  transform: scale(1);
  /* opacity: 1;
  filter: blur(0); */
  z-index: 2; 
}

/* Optional: slightly highlight active card */
#testimonials-section .ekit-main-swiper .swiper-slide.swiper-slide-active .elementor-testimonial-item {
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  border: 2px solid #f0f0f0; 
  background: #fff; 
}

#testimonials-section .elementskit-single-testimonial-slider:hover{
  background-color: #ffffff;
}

#testimonials-section .elementskit-icon-content.elementskit-watermark-icon{
  bottom: 100px !important;
  right: 30px;
}
#testimonials-section div.swiper-wrapper{
padding-top: 20px !important;
}


/** Testimonials Inner Page **/

#testimonials-inner .ekit-main-swiper .swiper-slide {
  transform: scale(0.9);
  transition: all 0.4s ease-in-out;
  filter: blur(0px);
}

/* Active testimonial */
#testimonials-inner .ekit-main-swiper .swiper-slide.swiper-slide-active {
  transform: scale(1);
  /* opacity: 1;
  filter: blur(0); */
  z-index: 2; 
}

/* Optional: slightly highlight active card */
#testimonials-inner .ekit-main-swiper .swiper-slide.swiper-slide-active .elementor-testimonial-item {
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  border: 2px solid #f0f0f0; 
  background: #fff; 
}

#testimonials-inner .elementskit-single-testimonial-slider:hover{
  background-color: #ffffff;
}

#testimonials-inner .elementskit-icon-content.elementskit-watermark-icon{
  bottom: 100px !important;
  right: 30px;
}
#testimonials-inner div.swiper-wrapper{
padding-top: 20px !important;
}

/** Project Gallery Section **/

#project-gallery .elementor-349 .elementor-element.elementor-element-89d284e .pp-post-excerpt {
  margin-bottom: 20px;
  padding-right: 30%;
}

#project-gallery-inner .elementor-349 .elementor-element.elementor-element-89d284e .pp-post-excerpt {
  margin-bottom: 20px;
  padding-right: 30%;
}

/* #project-gallery .pp-post-content-wrap {
  position: absolute;
  padding: 20px;
  width: 100%;
  bottom: 0px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
*/

/* #project-gallery .pp-posts-container .pp-post-content-wrap{
  position: relative;
} */

#project-gallery .pp-posts-container .pp-post-content-wrap::before {
  /* content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background: #492d25 linear-gradient(180deg, #492d25 0%, #724935b0 100%) 0% 0% no-repeat padding-box;
  height: 180px;
  width: 100%;
  z-index: 1;
  padding: 20px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px; */
}

#project-gallery .pp-posts-container .pp-post.pp-grid-item {
  position: relative;
}
#project-gallery .pp-posts-container .pp-post-content-wrap {
  position: absolute;
  bottom: 0;
  background: #492d2500 linear-gradient(180deg, #492d2500 0%, #311202 100%) 0% 0% no-repeat padding-box;
  width: 100%;
}

#project-gallery .pp-post-content{
  margin-right: 28%;
z-index: 99;
position: relative;
padding: 20px;
}


.project-gallery-right-col .pp-post-thumbnail img{
  height: 290px !important;
  object-fit: cover;
}
.project-gallery-left-col .pp-post-thumbnail img{
  height: 600px !important;
  object-fit: cover;
}
.project-gallery-inner-col .pp-post-thumbnail img{
  height: 300px !important;
  object-fit: cover;
}
.project-gallery-inner-col .pp-post-excerpt{
  display: -webkit-box;            
  -webkit-box-orient: vertical;     
  -webkit-line-clamp: 2;          
  overflow: hidden;  
}

#project-gallery .pp-posts-button{
    position: absolute;
    right: 2%;
    bottom: 24px;
    z-index: 99;
}

/*** Project Gallery Inner ***/ 
#project-gallery-inner .pp-posts-container .pp-post.pp-grid-item {
  position: relative;
}
#project-gallery-inner .pp-posts-container .pp-post-content-wrap {
  position: absolute;
  bottom: 0;
  background: #492d2500 linear-gradient(180deg, #492d2500 0%, #311202 100%) 0% 0% no-repeat padding-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  align-content: center;
  width: 100%;
}

#project-gallery-inner .pp-post-content{
  margin-right: 0%;
z-index: 99;
position: relative;
padding: 20px;
}
#project-gallery-inner  .pp-posts-button{
  width: 50% !important;
  background-color: #61CE7000;
  color: #FFF7E9;
  padding: 10px 10px 34px 10px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
 
}









/* Vieo Gallery Section */

.elementor-custom-embed-play {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #BD8E4A;
  padding: 20px;
  border-radius: 50%;
}
.elementor-custom-embed-play svg {
  height: 50px;
  width: 50px;
  fill: #fff;
  filter: drop-shadow(1px 0 6px rgba(0,0,0,.3));
}
i.icon.icon-vplay {
  margin-top: 4px !important;
}


/*** Shop Section Homepage ***/

#shop-section .shop-section-tab .product-item .product-inner .image-wrap {
  padding: 32px 32px 32px 32px !important;
  background-color: #ffffff !important;
  border: 2px solid #8D5E2F;
  border-radius: 16px;
}
#shop-section .shop-section-tab .product-item .product-inner .image-wrap:hover {
  padding: 32px 32px 32px 32px !important;
  background-color: #492D25 !important;
  border: 2px solid #492D25;
  border-radius: 16px;
}


/*Shop Slider Section */

.product-shortcode-container{


  overflow: hidden;
}





.shop-section {
  padding: 20px 0;
  overflow: hidden;
}

.shop-tabs {
  text-align: left;
  margin-bottom: 36px;
}

.shop-tab {
  padding: 16px 32px;
  border: 1px solid #8D5E2F;
  background: #fff;
  color: #8D5E2F;
  cursor: pointer;
  margin: 0 5px;
  border-radius: 16px;
  font-weight: 700;
  font-family: 'Open Sans';
}

.shop-tab.active {
  background: #492D25;
  font-family: 'Open Sans';
  color: #EABF7C;
}

.product-card {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.product-image img {
  max-width: 100%;
  height: auto;
}

.product-discount {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #b37b4d;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
  font-size: 0.9em;
}


.product-prices {
  margin-top: 10px;
}

.view-more-btn {
  column-gap: 8px;
  display: flex;
  margin-top: 10px;
  padding: 10px 20px;
  background: #724935;
  color: #EABF7C;
  text-decoration: none;
  border-radius: 6px;
  font-family: 'Open Sans';
  font-size: 14px;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.view-more-btn:hover {
 
  background:  #492D25;
  color: #EABF7C;

}
.view-more-btn-svg{
  font-size: 16px !important;
}
.product-image-discount {
  position: relative;
  border: 1px solid #b37b4d;
  padding: 16px;
  border-radius: 16px;
  overflow: hidden;
}
.product-image-discount:hover {
  position: relative;
 background-color: #492D25;
  padding: 16px;
  border-radius: 16px;
}

.product-title-rating {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.product-title{
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 600;
  color: #492D25;
  text-align: left;
}

.product-description{
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 400;
  color: #8D5E2F;
  text-align: left;
}
.product-prices{
  font-family: 'Open Sans';
  font-size: 20px;
  font-weight: 600;
  color: #8D5E2F;
  text-align: left;
}
 .regular-price{
  font-family: 'Open Sans';
  font-size: 18px;
  font-weight: 400 !important;
  color: #8D5E2F;
  text-align: left;
}
.product-price-viewmore {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

/* .best-seller-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: red;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  border-radius: 4px;
  font-size: 0.8em;
} */
/* style for the badge inside image container */
.product-image-discount .best-seller-badge {
  position: absolute;
  top: 93px;
  right: -36px;
  width: 186px;
  text-align: center;
  padding: 6px 0;
  background-color: #e53935;
  color: #fff;
  font-weight: bold;
  transform: rotate(45deg);
  transform-origin: top right;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 10;
}

/* optional: fold / tail parts */
.product-image-discount .best-seller-badge::before,
.product-image-discount .best-seller-badge::after {
  content: "";
  position: absolute;
  background-color: #c62828;  /* darker shade if you want */
  width: 12px;
  height: 12px;
}

.product-image-discount .best-seller-badge::before {
  bottom: -6px;
  left: 0;
  transform: rotate(90deg);
}
.product-image-discount .best-seller-badge::after {
  top: 0;
  right: -6px;
  transform: rotate(-90deg);
}


.swiper-button-prev,
.swiper-button-next {
    background-color: rgba(115, 77, 42, 0.8);
    color: #fff;
    padding: 10px;
    border-radius: 50%;
}

.swiper-pagination-bullet {
    background: #734d2a;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #b37b4d;
}

.swiper-button-prev i,
.swiper-button-next i {
    font-size: 24px;
    color: #734d2a;
}

.swiper-button-prev,
.swiper-button-next {
    border-radius: 50%;
    padding: 10px;
      font-size: 22px !important;
      line-height: 22px !important;
      background-color: #8D5E2F;
      color: #FFFFFF !important ;

}
.swiper-button-prev:hover,
.swiper-button-next:hover {
      background-color: #492D25;
      color: #FFFFFF !important ;

}

.swiper-button-prev:hover i,
.swiper-button-next:hover i {
    color: #b37b4d;
}

.shop-section .swiper-button-prev::after,
.shop-section .swiper-button-next::after {
    content: none; /* Removes the default Swiper arrows */
}

.shop-section  .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: -59px !important;
  right: auto;
}
.shop-section .swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: -56px;
  left: auto;
}

.shop-section .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 20px;
  height: 20px;
  background: #492D2599;
}
.shop-section .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -35px !important;
  left: 0;
  width: 100%;
}
/***** Deal of the Day Demo Section Slider *****/

div#deal-demo {
  padding-left: 6%;
}

/***** Deal of the Day Section Slider *****/

#deal-section{
  margin-left: 10%;
}
.deal-product-info {
  padding-top: 4%;
  padding-bottom: 4%;
}
.deal-of-the-day-slider{
width: 100%;
}

@media (max-width: 768px) and (min-width: 768px) {
    .graphimg {
        position: absolute !important;
        right: -48% !important;
        top: -335px !important;
    }

    .memberss .elementor-element .swiper~.elementor-swiper-button-prev {
    left: 85% !important;
    }

    .procesh .processno {
      position: absolute;
      left: 55% !important;
    }





}



.deal-item {
  background: #fff;
  border-radius: 16px;
  box-shadow: inset 0px 0px 3px 0px rgb(0 0 0 / 92%);
  overflow: hidden;
  padding: 15px;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  text-align: left !important;
  column-gap: 20px;
}
          .deal-item:hover {
            background: #E8E3DD;
        }
          
          .deal-product-image-discount {
              position: relative;
              width: 100%;
          }
          
          .deal-product-image-discount img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 8px;
          }
          
          .deal-discount-badge {
              position: absolute;
              top: 0px;
              left: 0px;
              background-color: #8D5E2F;
              color: white;
              padding: 8px 16px;
              font-family: 'Open Sans';
              font-size: 16px;
              font-weight: 600;
              border-radius: 16px;
          }
          
          .deal-product-title {
            font-family: 'Open Sans';
              font-size: 24px;
              font-weight: 600;
              margin: 10px 0;
              color: #724935;
          }
          
          .deal-product-description {
            font-family: 'Open Sans';
              font-size: 16px;
              color: #492D25;
              margin-bottom: 10px;
              font-weight: 400;
          }
          
          .deal-pricing {
              margin-bottom: 15px;
          }
          
          .deal-price {
              font-size: 16px;
              font-family: 'Open Sans';
              font-weight: 600;
              color: #492D25;
              margin-right: 10px;
          }
          
          .deal-regular-price {
              font-size: 14px;
              color: #492D25;
              font-family: 'Open Sans';
              font-weight: 300;
          }
          
          .deal-timer {
              font-size: 32px;
              font-weight: bold;
              color: #EABF7C;
              margin-bottom: 15px;
              display: flex;
          }
          .deal-timer-container {
            display: flex;
            flex-direction: column;
            align-content: center !important;
            justify-content: center;
            align-items: center;
           column-gap: 8px;
           padding: 10px 16px;
           background-color:#724935;
           border-radius: 16px;
           margin-right: 12px;
        }
          .deal-buy-now-btn {
              background-color: #492D25;
              color: #EABF7C;
              font-family: 'Open sans';
              font-size: 16px;
              font-weight: 600;
              text-decoration: none;
              padding: 12px 24px;
              border-radius: 16px;
              display: inline-block;
              transition: background-color 0.3s ease;
              border: 1px solid #492D25;
          }
          
          .deal-buy-now-btn:hover {
              background-color: #E8E3DD;
              color: #492D25;
          }
          
          .deal-timer-text{
font-family: 'Open Sans';
font-size: 14px;
font-weight: 400;
color: #BD8E4A;
          }

          .deal-item .swiper-pagination {
            text-align: center;
            margin-top: 15px;
        }
        
        .deal-item.swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background: #0073aa;
            opacity: 0.6;
            margin: 0 5px;
            border-radius: 50%;
            cursor: pointer;
        }
        
        .deal-item .swiper-pagination-bullet-active {
            opacity: 1;
            background: #2980b9;
        }
        
        .deal-item .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
          bottom: -66px !important;
          left: 0;
          width: 100%;
      }

      .deal-buy-now-btn.added{
        display: none;
      }

 a.wc-forward{
  background-color: #E8E3DD;
  color:  #492D25; 
  font-family: 'Open sans';
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 16px;
  display: inline-block;
  transition: background-color 0.3s ease;
  /* border:1px solid #492D25 ; */

}

.deal-of-the-day-slider a.wc-forward {
  background-color: #E8E3DD;
  color: #492D25;
  font-family: 'Open sans';
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 16px;
  display: inline-block;
  transition: background-color 0.3s ease;
  border: 1px solid #492D25;
  padding: 12px 24px;
}
.deal-learn-more-btn{

 background-color: #E8E3DD;
  color:  #492D25; 
  font-family: 'Open sans';
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 16px;
  display: inline-block;
  transition: background-color 0.3s ease;
  border:1px solid #492D25 ;
}
.deal-learn-more-btn:hover{

  background-color: #492D25;
   color:  #EABF7C; 
   transition: background-color 0.3s ease;
   border:1px solid #E8E3DD ;
 }
 /* .swiper-slide .deal-item .swiper-slide-active .swiper-slide-duplicate-next .swiper-slide-duplicate-prev{
width: 70% !important;

 }
*/

/***********************************/
.woocommerce.woolentor_current_theme_hello-elementor span.onsale, .woolentor_current_theme_hello-elementor span.onsale, .elementor-widget-woolentor-product-tab span.onsale {
  background-color: #724935 !important;
  border-radius: 3px;
  color: #EABF7C !important;
  font-size: 14px;
  font-weight: 500;
  left: 15px;
  top: 15px;
  line-height: 1 !important;
  min-height: inherit !important;
  min-width: inherit !important;
  padding: 5px 10px;
  position: absolute;
}


/**** Material Sections ****/
/* 
.materials-section .materials-carousel .pp-posts-button {
  display: flex !important;
  align-content: center;
  justify-content: center;
  align-items: center !important;
}
#materials .elementor-button{
  fill: currentColor; 
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}

#materials .elementor-button:hover{
  background-color: #EABF7C;
  color:#724935 ;
} 

#materials .pp-posts-align-buttons .pp-post-content-wrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: row !important;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: flex-end !important;
  align-content: center !important;
  justify-content: center !important;
}
#materials .pp-post-content{
  width: 60%;
  
}

#materials .pp-post-excerpt p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   
  overflow: hidden;
  text-overflow: ellipsis;
}
#materials .pp-posts-button{
  width: 40%;
  margin-left: 8px;
  margin-right: 2px;
}
.materials-carousel .pp-posts .swiper-slide {
  transition: transform 0.4s ease, opacity 0.4s ease;
  transform: scale(0.9);
  opacity: 0.7;
  border-radius: 16px;
}

.materials-carousel .pp-posts .swiper-slide-next {
  transform: scale(1.05);
  opacity: 1;
  z-index: 2;
  border-radius: 16px;
}
.materials-carousel .pp-posts .swiper-slide-next .pp-post .pp-carousel-item{
  background-color: #E8E3DD !important;
}

.materials-carousel .pp-posts .swiper-slide-prev,
.materials-carousel .pp-posts .swiper-slide-active {
  transform: scale(0.95);
  opacity: 0.9;
}

#materials .pp-posts.pp-posts-skin-classic.pp-posts-align-buttons.pp-posts-carousel.pp-swiper-slider.swiper.swiper-initialized.swiper-horizontal.swiper-autoheight.swiper-android.swiper-watch-progress {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}


#materials .swiper-autoheight .swiper-wrapper {
  padding-top: 36px;
  padding-bottom: 36px;
} */


/** Materials Inner Page **/

/* 
#inner-materials .elementor-button{
  fill: currentColor; 
  -webkit-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}

#inner-materials .elementor-button:hover{
  background-color: #EABF7C;
  color:#724935 ;
} 

#inner-materials .pp-posts-align-buttons .pp-post-content-wrap {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: row !important;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: flex-end !important;
  align-content: center !important;
  justify-content: center !important;
}
#inner-materials .pp-post-content{
  width: 60%;
  
}

#inner-materials .pp-post-excerpt p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;   
  overflow: hidden;
  text-overflow: ellipsis;
}
#inner-materials .pp-posts-button{
  width: 40%;
  margin-left: 8px;
  margin-right: 2px;
}
#inner-materials .pp-posts.pp-posts-skin-classic.pp-posts-align-buttons.pp-posts-grid.pp-swiper-slider.swiper.swiper-initialized.swiper-horizontal.swiper-autoheight.swiper-android.swiper-watch-progress {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
#inner-materials .swiper-autoheight .swiper-wrapper {
    padding-top: 36px;
    padding-bottom: 36px;
  } */
/** Project Gallery Section **/

#project-section .elementor-button-icon {
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  margin-bottom: 8px;
}
/** Project Gallery Inner Section **/ 

#project-inner .elementor-button-icon {
  display: flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  margin-bottom: 8px;
}


/*============= Choose Us Start =============*/


.pp-icon-list-image img {
  width: 60px !important;
}

#why-choose-us .pp-icon-list-text{
text-align: center !important;
}

/*============= Blog Section Start =============*/

#wood-wroking-blog .pp-post {
  position: relative;
}

#wood-wroking-blog .pp-post-thumbnail {
  position: relative;
  z-index: 1;
}

#wood-wroking-blog .pp-post-thumbnail img {
  width: 100%;
  height: 70%;
  display: block;
  border-radius: 15px;
}
#wood-wroking-blog .pp-post-title{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* modern standard (when supported) */
    line-clamp: 2;
 
}
/* @media (max-width: 1024px) {
  #wood-wroking-blog  .swiper-slide {
    width: 50% !important;
  }
} */

/* @media (max-width: 1024px) {
  #wood-wroking-blog  .swiper-wrapper {
    justify-content: space-between;
  }
  #wood-wroking-blog  .swiper-slide {
    width: calc(50% - 4px) !important;
  }
}

@media (max-width: 767px) {
  #wood-wroking-blog .swiper-slide {
    width: 100% !important;
  }
} */


#wood-wroking-blog .pp-post-content-wrap {
  position: absolute;
  bottom: 60px; /* Controls the overlap amount */
  left: 16px;
  right: 16px;
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  z-index: 2;
}

#wood-wroking-blog .pp-post-meta {
  margin-bottom: 10px;
}

#wood-wroking-blog .pp-post-excerpt {
  margin-bottom: 15px;
}

#wood-wroking-blog .pp-posts-button {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  position: absolute;
    right: 0;
    bottom: 24px;
}

#wood-wroking-blog .pp-carousel-item-wrap {
  padding-bottom: 50px; /* To account for content overlapping the image */
}

#wood-wroking-blog .elementor-button-icon svg {
  height: auto;
  width: 2em !important;
}
/*============= Blog Section End =============*/

#wood-blog-inner-page .pp-post {
  position: relative;
}

#wood-blog-inner-page .pp-post-thumbnail {
  position: relative;
  z-index: 1;
}

/* #wood-blog-inner-page .pp-post-thumbnail img {
  width: 100%;
  height: 70%;
  display: block;
  border-radius: 15px;
} */

#wood-blog-inner-page .pp-post-content-wrap {
  position: absolute;
  bottom: 60px;
  left: 10px;
  right: 10px;
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  z-index: 2;
}










#wood-blog-inner-page .pp-post-meta {
  margin-bottom: 10px;
}

#wood-blog-inner-page .pp-post-excerpt {
  margin-bottom: 15px;
}

#wood-blog-inner-page .pp-posts-button {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: -172px;
  right: 2px;
}
#wood-blog-inner-page .pp-grid-item-wrap {
  padding-bottom: 50px; /* To account for content overlapping the image */
}

#wood-blog.pp-icon i, .pp-icon svg {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    fill: #724935 !important;
}
/* FAQ Section */

.faq-whatsapp-btn .upk-social-share-text {
  font-size: 1.3em;
  padding-right: 24px;
  align-self: stretch;
  flex-grow: 1;
  align-items: center;
  display: flex;
  font-weight: 100;
  margin-left: 7%;
}

.faq-whatsapp-btn .upk-ss-icon {
  display: flex;
  align-self: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 3.2em;
  position: relative;
  color:#39AE41;
}

.faq-whatsapp-btn .upk-ss-btn .upk-ss-whatsapp{
    display: flex !important;
    flex-direction: row-reverse !important;
}
.upk-ss-btn {
  overflow: hidden;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition-duration: 0.2s;
  transition-property: filter, background-color, border-color, width;
  height: 4.2em;
  cursor: pointer;
  flex-direction: row-reverse !important;
}
.upk-social-share-title{
  font-weight: normal !important;
  font-size: 16px;
}
#faq-section .ekit-wid-con .fasicon, .ekit-wid-con .icon, .ekit-wid-con .icon::before, .fasicon, .icon, .icon::before {
  font-family: elementskit!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#faq-section .elementor-widget-n-accordion .e-n-accordion-item {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 16px !important;
}
/* #faq-section .e-n-accordion-item {
  border-style: none;
  box-shadow: 
  0 2px 6px rgba(0,0,0,0.25),
  
  inset 0 1px 3px rgba(0,0,0,0.2) !important;
} */

/* Style when closed (i.e. default) */
#faq-accordin .e-n-accordion .e-n-accordion-item > .e-n-accordion-item-title {
  border-style: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2),     /* drop shadow */
  inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Newsletter Section */

.newsletter-section .footer-newsletter form input {
  background-color: #EABF7C;
  color: #000;
  padding: 16px !important;
  border-radius: 16px;
  font: 300 14px/24px "Open Sans" !important;
  align-items: center;
  justify-content: flex-start;
  display: flex;
  width: 100%;
  border: unset;

}


#hero-row-2{
  bottom: -10px;
}


.newsletter-section .footer-newsletter .newsltr-btn {
  position: absolute !important;
  right: 0px;
  top: 0;
  font-family: 'Open Sans';
  font: 600 18px/24px "Open Sans" !important;
  color: #FFF;
  position: relative;
  padding: 16px;
  border: unset;
  background-color: #492D25 !important;
  border-radius: 16px;
  width: max-content;
}


@media screen and (min-width:1700px) and (max-width:1920px) {

  .newsletter-feat-sec{

    width: 44%;
    
    }
}

@media screen and (min-width:1600px) and (max-width:1699px) {

  .newsletter-feat-sec{
    width: 48%;
    }


}







/* Video Gallery Section */










.mfp-iframe-holder{
  background-color: transparent;
}


/**** Shop Section ****/



.top-slider-right-col .slick-track>div {
  height: 620px;
  justify-content: center;
  display: inline-flex;
}
.top-slider-right-col-slider-container {
  clip-path: polygon( 100% 97.619%,100% 97.619%,99.983% 98.005%,99.934% 98.372%,99.855% 98.713%,99.749% 99.025%,99.619% 99.303%,99.467% 99.541%,99.297% 99.734%,99.11% 99.879%,98.91% 99.969%,98.699% 100%,14.201% 100%,14.201% 100%,14.036% 99.981%,13.876% 99.925%,13.723% 99.834%,13.578% 99.71%,13.444% 99.555%,13.32% 99.372%,13.209% 99.161%,13.113% 98.925%,13.032% 98.667%,12.969% 98.387%,10.968% 87.644%,10.968% 87.644%,10.905% 87.365%,10.825% 87.106%,10.728% 86.871%,10.618% 86.66%,10.494% 86.476%,10.359% 86.322%,10.214% 86.198%,10.061% 86.107%,9.902% 86.051%,9.737% 86.032%,1.301% 86.032%,1.301% 86.032%,1.09% 86.001%,0.89% 85.91%,0.703% 85.766%,0.533% 85.572%,0.381% 85.334%,0.251% 85.057%,0.145% 84.745%,0.066% 84.403%,0.017% 84.037%,0% 83.651%,0% 2.381%,0% 2.381%,0.017% 1.995%,0.066% 1.628%,0.145% 1.287%,0.251% 0.975%,0.381% 0.697%,0.533% 0.459%,0.703% 0.266%,0.89% 0.121%,1.09% 0.031%,1.301% 0%,98.699% 0%,98.699% 0%,98.91% 0.031%,99.11% 0.121%,99.297% 0.266%,99.467% 0.459%,99.619% 0.697%,99.749% 0.975%,99.855% 1.287%,99.934% 1.628%,99.983% 1.995%,100% 2.381%,100% 97.619% );
}
.top-slider-left-col .ht-product-inner {
  position: relative;
}
.top-slider-left-col .ht-product-label {
  display: none;
}
.top-slider-left-col .ht-product-content {
  position: absolute;
  margin: 20px;
  bottom: 0;
  background: #492D25;
  clip-path: polygon(23.951% 4.875%, 23.951% 4.875%, 23.778% 4.032%, 23.555% 3.253%, 23.285% 2.541%, 22.973% 1.904%, 22.623% 1.348%, 22.241% 0.88%, 21.829% 0.504%, 21.393% 0.228%, 20.937% 0.058%, 20.466% 0%, 3.659% 0%, 3.659% 0%, 3.065% 0.092%, 2.502% 0.357%, 1.977% 0.782%, 1.498% 1.352%, 1.072% 2.053%, 0.706% 2.87%, 0.408% 3.788%, 0.187% 4.794%, 0.048% 5.872%, 0% 7.009%, 0% 38.318%, 0% 41.121%, 0% 92.991%, 0% 92.991%, 0.048% 94.128%, 0.187% 95.206%, 0.408% 96.212%, 0.706% 97.13%, 1.072% 97.947%, 1.498% 98.648%, 1.977% 99.218%, 2.502% 99.643%, 3.065% 99.908%, 3.659% 100%, 96.341% 100%, 96.341% 100%, 96.935% 99.908%, 97.498% 99.643%, 98.023% 99.218%, 98.502% 98.648%, 98.928% 97.947%, 99.294% 97.13%, 99.592% 96.212%, 99.813% 95.206%, 99.952% 94.128%, 100% 92.991%, 100% 45.327%, 100% 45.327%, 99.952% 44.19%, 99.813% 43.112%, 99.592% 42.106%, 99.294% 41.187%, 98.928% 40.371%, 98.502% 39.67%, 98.023% 39.1%, 97.498% 38.675%, 96.935% 38.409%, 96.341% 38.318%, 32.203% 38.318%, 32.203% 38.318%, 31.732% 38.26%, 31.276% 38.09%, 30.84% 37.814%, 30.429% 37.438%, 30.046% 36.969%, 29.696% 36.413%, 29.384% 35.777%, 29.114% 35.065%, 28.891% 34.285%, 28.719% 33.443%, 23.951% 4.875%);
  width: -webkit-fill-available;
  height: 214px;
  align-items: end;
  display: inline-flex;
}
.top-slider-left-col .ht-product-image img {
  height: 620px;
  object-fit: fill;
  border-radius: 20px;
}
.top-slider-left-col .ht-product-action ul li:nth-child(1), .top-slider-left-col .ht-product-action ul li:nth-child(2) {
  display: none;
}
.top-slider-left-col .ht-product-action ul li:nth-child(3) {
  transform: translate(20px, 115px);
  background-color: #FFF;
}
.top-slider-left-col .ht-product-content-inner .ht-product-categories::before {
  display: none;
}
.top-slider-left-col .ht-product-content-inner .ht-product-categories {
  padding-left: 0px !important;
}
.top-slider-left-col .ht-product-action ul li a.woolentorquickview {
  display: none !important;
}
.top-slider-left-col .ht-product-inner .ht-product-action {
  left: 50px;
  right: auto;
  top: 68%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9;
}
.top-slider-left-col .ht-product-content .price del {
  display: none !important;
}
.top-slider-left-col .ht-product-content .price ins {
  text-decoration: unset;
}
.top-slider-left-col .ht-product-content .price ins::before {
  content: 'From:';
  color: #FFFFFF;
  font: 400 25px/30px "Open Sans";
}

.top-slider-right-col ul li button {
  display: block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #484848;
  text-indent: -9999px;
}
.top-slider-right-col ul.slick-dots {
  display: flex;
  gap: 6px;
  transform: translate(38px, -55px);
}
.top-slider-right-col button.slick-prev, .top-slider-right-col button.slick-next {
  font-size: 0;
  border: unset;
  width: 30px;
  height: 30px;
  background-color: unset;
}
.top-slider-right-col button.slick-prev:hover, .top-slider-right-col button.slick-next:hover {
  border-radius: 50px;
  background-color: #492D25;
}
.top-slider-right-col button.slick-prev:hover::after, .top-slider-right-col button.slick-next:hover::after {
  color: #FFFFFF;
}
.top-slider-right-col button.slick-prev {
  position: absolute;
  bottom: 10%;
  left: 1px;
  z-index: 9;
}
.top-slider-right-col button.slick-next {
  position: absolute;
  bottom: 10%;
  left: 8%;
  z-index: 9;
}
.top-slider-right-col button.slick-prev::after {
  content: '\f053';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #492D25;
}
.top-slider-right-col button.slick-next::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #492D25;
}
.top-slider-right-col ul li.slick-active button {
  background-color: #492D25;
}
.top-slider-right-col ul li {
  width: auto;
}
.top-slider-right-col ul li .slick-track {
  display: inline-flex;
  gap: 10px;
}



/*=============== Top Slider End ===============*/


/*=============== Shop by Category Start ===============*/

.shop-by-category .slick-slide.slick-active {
  counter-increment: css-counter 1;
}
.shop-by-category .slick-slide.slick-active .ht-category-wrap::before {
  content: counter(css-counter) "";
  position: relative;
  display: flex;
  text-align: center;
  font-size: 18px;
  width: 30px;
  background-color: #492D25;
  padding: 10px;
  height: 30px;
  align-items: center;
  border-radius: 20px;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  top: 4px;
  left: 4px;
}

.shop-by-category-left-col {
  clip-path: polygon( 100% 4.211%,100% 4.211%,99.959% 3.528%,99.841% 2.88%,99.653% 2.276%,99.399% 1.724%,99.088% 1.233%,98.726% 0.812%,98.318% 0.47%,97.871% 0.215%,97.392% 0.055%,96.887% 0%,3.113% 0%,3.113% 0%,2.608% 0.055%,2.129% 0.215%,1.682% 0.47%,1.274% 0.812%,0.912% 1.233%,0.601% 1.724%,0.347% 2.276%,0.159% 2.88%,0.041% 3.528%,0% 4.211%,0% 74.737%,0% 74.737%,0.041% 75.42%,0.159% 76.068%,0.347% 76.672%,0.601% 77.223%,0.912% 77.714%,1.274% 78.135%,1.682% 78.477%,2.129% 78.733%,2.608% 78.892%,3.113% 78.947%,33.14% 78.947%,33.14% 78.947%,33.451% 78.968%,33.755% 79.03%,34.052% 79.132%,34.338% 79.271%,34.612% 79.448%,34.873% 79.659%,35.117% 79.905%,35.343% 80.183%,35.55% 80.492%,35.734% 80.83%,44.213% 98.117%,44.213% 98.117%,44.397% 98.456%,44.604% 98.765%,44.83% 99.043%,45.075% 99.288%,45.335% 99.5%,45.609% 99.676%,45.895% 99.816%,46.192% 99.917%,46.496% 99.979%,46.807% 100%,96.887% 100%,96.887% 100%,97.392% 99.945%,97.871% 99.785%,98.318% 99.53%,98.726% 99.188%,99.088% 98.767%,99.399% 98.276%,99.653% 97.724%,99.841% 97.12%,99.959% 96.472%,100% 95.789%,100% 4.211% );
}
.shop-by-category-right-col .ht-category-wrap {
  margin-bottom: 0px;
  border-radius: 15px;
  position: relative;
  height: 100%;
  min-height: 200px;
}
.shop-by-category-right-col .ht-category-content {
  position: absolute;
  top: 10px;
  left: 50px;
  display: block;
}
.shop-by-category-right-col .product-slider button.slick-prev {
  transform: translate(-271px, -13px);
}
.shop-by-category-right-col .product-slider .slick-dots {
  transform: translate(-273px, -14px);
}
.shop-by-category-right-col .product-slider .slick-arrow.slick-next {
  right: unset;
  left: 0;
  transform: translate(-210px, -13px);
}
.shop-by-category .slick-slide.slick-active .ht-category-wrap .ht-category-image::after {
  content: '';
  position: absolute;
  width: 110px;
  height: 110px;
  background-color: #DADADA;
  z-index: -1;
  right: 20px;
  bottom: 10px;
  border-radius: 50%;
}
.shop-by-category .ht-category-wrap .ht-category-image-zoom a img {
  transition: unset;
  width: 68%;
  margin-left: auto;
  padding-right: 10px;
  transform: translateY(10px);
}
.shop-by-category .ht-category-wrap:hover .ht-category-image-zoom a img {
  transform: translateY(10px) !important;
}
.shop-by-category .ht-category-image {
  z-index: 2;
  position: relative;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 120px;
}
.shop-by-category .ht-category-wrap .ht-category-image a.ht-category-border::before {
  display: none;
}

.shop-by-category-right-col {
  height: 200px !important;
  display: block;
}
.shop-by-category{
  min-height: 200px;
  height: 100% !important;
}
.shop-by-category .elementor-widget-container{
  height: 100% !important;
}
.shop-by-category .product-slider{
  height: 100% !important;
}
.shop-by-category .slick-list{
  height: 100% !important;
}
.shop-by-category .ht-category-wrap .ht-category-content span::before {
  display: none;
}
.shop-by-category .product-slider .slick-dots li button {
  height: 10px;
  width: 10px;
  line-height: 10px;
}
.shop-by-category .product-slider .slick-dots li {
  margin: 0 3px;
}
.shop-by-category .ht-category-content span {
  position: relative;
  top: -4px;
}
.shop-by-category .ht-category-content span.product-word::after {
  content: 'Product';
  left: 18px;
  top: 0;
  position: absolute;
  color: #484848;
  font: 400 12px/12px "Open Sans";
}
.shop-by-category .product-slider .slick-arrow {
  height: 25px;
  width: 25px;
  line-height: 25px;
}


/*=============== Shop by Category End ===============*/

/*=============== Services Start ===============*/

#services .elementor-image-box-wrapper .elementor-image-box-img {
  background: #492D25;
  border-radius: 10px;
  max-width: 48px;
  height: 48px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.services-content-row .elementor-element .elementor-widget-container {
  margin: 0 8px;
}
.services-content-row .elementor-image-box-title, .services-content-row .elementor-image-box-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.services-content-row ul li button {
  display: block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #484848;
  text-indent: -9999px;
}
.services-content-row ul.slick-dots {
  display: flex;
  gap: 8px;
  transform: translate(0px, 25px);
  justify-content: center;
}
.services-content-row button.slick-prev, .services-content-row button.slick-next {
  font-size: 0;
  border: unset;
  width: 30px;
  height: 30px;
  background-color: unset;
}
.services-content-row button.slick-prev:hover, .services-content-row button.slick-next:hover {
  border-radius: 50px;
  background-color: #492D25;
}
.services-content-row button.slick-prev:hover::after, .services-content-row button.slick-next:hover::after {
  color: #FFFFFF;
}
.services-content-row button.slick-prev {
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: 42%;
  right: unset;
  transform: translateY(33px);
}
.services-content-row button.slick-next {
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: unset;
  right: 42%;
  transform: translateY(33px);
}
.services-content-row button.slick-prev::after {
  content: '\f053';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #492D25;
}
.services-content-row button.slick-next::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #492D25;
}
.services-content-row ul li.slick-active button {
  background-color: #492D25;
}
.services-content-row ul li {
  width: auto;
}
.services-content-row ul li .slick-track {
  display: inline-flex;
  gap: 10px;
}

/*=============== Services End ===============*/

/*=============== Best Seller Start ===============

#best-seller .ht-product .ht-product-inner {
  background-color: #FFFFFF;
  border-radius: 20px;
}
#best-seller .ht-product .ht-product-inner .woocs_price_code {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
#best-seller .ht-product .ht-product-inner .woocs_price_code ins {
  text-decoration: none;
}
#best-seller .ht-products .ht-product .ht-product-inner .ht-product-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#best-seller .ht-product .ht-product-inner:hover .ht-product-content {
  background-color: #492D25 !important;
}
#best-seller .ht-product .ht-product-inner:hover .ht-product-title a {
  color: #FFFFFF !important;
}
#best-seller .ht-product .ht-product-inner:hover .ht-product-price span {
  color: #FFFFFF !important;
}
#best-seller .ht-product .ht-product-inner:hover .ht-product-price del {
  color: #FFFFFF !important;
}
#best-seller .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) {
  background-color: #FFFFFF !important;
}
#best-seller .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) a {
  color: #492D25 !important;
}
#best-seller .ht-products .ht-product .ht-product-inner .ht-product-content {
  background-color: #D9D9D9;
  margin: 10px;
  clip-path: polygon(25.685% 0%, 25.685% 0%, 25.848% 0.255%, 26.032% 0.465%, 26.232% 0.641%, 26.444% 0.791%, 26.663% 0.925%, 26.886% 1.052%, 27.106% 1.183%, 27.321% 1.325%, 27.526% 1.489%, 27.716% 1.684%, 27.716% 1.684%, 28.49% 3.041%, 29.238% 5.142%, 29.964% 7.818%, 30.67% 10.899%, 31.36% 14.217%, 32.036% 17.601%, 32.703% 20.883%, 33.363% 23.893%, 34.019% 26.462%, 34.675% 28.42%, 34.675% 28.42%, 34.863% 28.837%, 35.08% 29.245%, 35.324% 29.64%, 35.59% 30.016%, 35.875% 30.369%, 36.177% 30.695%, 36.492% 30.989%, 36.816% 31.246%, 37.146% 31.462%, 37.479% 31.632%, 96.764% 32.524%, 96.764% 32.524%, 97.25% 32.811%, 97.682% 33.151%, 98.066% 33.539%, 98.409% 33.971%, 98.718% 34.443%, 99.001% 34.951%, 99.263% 35.491%, 99.513% 36.059%, 99.756% 36.652%, 100% 37.264%, 100% 94.811%, 100% 94.811%, 99.733% 95.553%, 99.453% 96.23%, 99.157% 96.847%, 98.838% 97.41%, 98.494% 97.926%, 98.12% 98.4%, 97.711% 98.838%, 97.263% 99.247%, 96.772% 99.632%, 96.233% 100%, 3.767% 100%, 3.767% 100%, 3.228% 99.632%, 2.737% 99.247%, 2.289% 98.838%, 1.88% 98.4%, 1.506% 97.926%, 1.162% 97.41%, 0.843% 96.847%, 0.547% 96.23%, 0.267% 95.553%, 0% 94.811%, 0% 5.189%, 0% 5.189%, 0.267% 4.447%, 0.547% 3.77%, 0.843% 3.153%, 1.162% 2.59%, 1.506% 2.074%, 1.88% 1.6%, 2.289% 1.162%, 2.737% 0.753%, 3.228% 0.368%, 3.767% 0%, 25.685% 0%);
  align-items: end;
  display: inline-flex;
  min-height: 212px;
  padding-bottom: 30px;
}
#best-seller .ht-product-action ul li:nth-child(1) {
  display: none;
}
#best-seller .ht-product-user-ratting svg path {
  fill: #FEC004;
}
#best-seller .ht-product-user-ratting svg.fa-star.empty path {
  fill: #686765;
}
#best-seller .ht-product .ht-product-inner .ht-product-image-wrap {
  overflow: visible;
}
#best-seller .ht-product .ht-product-action ul li:nth-child(2) {
  transform: translate(232px, -105px);
  
}


#best-seller .ht-product .ht-product-action ul li:nth-child(2) .wishlist {
  background-color: #000000;
  border-radius: 50px;
}
#best-seller .ht-product .ht-product-action ul li:nth-child(2) .exists {
  background-color: #FF0000;
}
#best-seller .ht-product-action .yith-wcwl-wishlistaddedbrowse a, #best-seller .ht-product-action .yith-wcwl-wishlistexistsbrowse a {
  color: #FFFFFF !important;
}
#best-seller .ht-products .ht-product .ht-product-inner .ht-product-action ul li a {
  line-height: 30px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#best-seller .ht-product .ht-product-action ul li:nth-child(3) {
  transform: translate(10px, 180px);
  background-color: #000000;
}
#best-seller .ht-product {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
#best-seller .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label {
  display: none;
}
*/
/*=============== Best Seller End ===============*/

/*=============== Offer Section Start ===============

.offer-section-left-col, .offer-section-right-col {
  position: relative;
}
.offer-section-left-col-banner {
  clip-path: polygon( 39.652% 13.15%,39.652% 13.15%,39.742% 13.615%,39.857% 14.045%,39.995% 14.436%,40.153% 14.787%,40.329% 15.092%,40.522% 15.349%,40.729% 15.555%,40.947% 15.706%,41.176% 15.799%,41.411% 15.831%,98.141% 15.831%,98.141% 15.831%,98.443% 15.883%,98.729% 16.033%,98.995% 16.273%,99.239% 16.595%,99.456% 16.99%,99.641% 17.451%,99.793% 17.97%,99.905% 18.538%,99.976% 19.147%,100% 19.789%,100% 96.042%,100% 96.042%,99.976% 96.684%,99.905% 97.293%,99.793% 97.861%,99.641% 98.38%,99.456% 98.841%,99.239% 99.236%,98.995% 99.558%,98.729% 99.798%,98.443% 99.948%,98.141% 100%,1.859% 100%,1.859% 100%,1.557% 99.948%,1.271% 99.798%,1.005% 99.558%,0.761% 99.236%,0.544% 98.841%,0.359% 98.38%,0.207% 97.861%,0.095% 97.293%,0.024% 96.684%,0% 96.042%,0% 3.958%,0% 3.958%,0.024% 3.316%,0.095% 2.707%,0.207% 2.139%,0.359% 1.62%,0.544% 1.159%,0.761% 0.764%,1.005% 0.442%,1.271% 0.202%,1.557% 0.052%,1.859% 0%,36.216% 0%,36.216% 0%,36.452% 0.032%,36.68% 0.125%,36.899% 0.276%,37.105% 0.482%,37.298% 0.739%,37.475% 1.045%,37.633% 1.395%,37.771% 1.786%,37.886% 2.216%,37.976% 2.681%,39.652% 13.15% );
  position: relative;
}
.offer-section-right-col-banner {
  clip-path: polygon( 39.652% 13.15%,39.652% 13.15%,39.742% 13.615%,39.857% 14.045%,39.995% 14.436%,40.153% 14.787%,40.329% 15.092%,40.522% 15.349%,40.729% 15.555%,40.947% 15.706%,41.176% 15.799%,41.411% 15.831%,98.141% 15.831%,98.141% 15.831%,98.443% 15.883%,98.729% 16.033%,98.995% 16.273%,99.239% 16.595%,99.456% 16.99%,99.641% 17.451%,99.793% 17.97%,99.905% 18.538%,99.976% 19.147%,100% 19.789%,100% 96.042%,100% 96.042%,99.976% 96.684%,99.905% 97.293%,99.793% 97.861%,99.641% 98.38%,99.456% 98.841%,99.239% 99.236%,98.995% 99.558%,98.729% 99.798%,98.443% 99.948%,98.141% 100%,1.859% 100%,1.859% 100%,1.557% 99.948%,1.271% 99.798%,1.005% 99.558%,0.761% 99.236%,0.544% 98.841%,0.359% 98.38%,0.207% 97.861%,0.095% 97.293%,0.024% 96.684%,0% 96.042%,0% 3.958%,0% 3.958%,0.024% 3.316%,0.095% 2.707%,0.207% 2.139%,0.359% 1.62%,0.544% 1.159%,0.761% 0.764%,1.005% 0.442%,1.271% 0.202%,1.557% 0.052%,1.859% 0%,36.216% 0%,36.216% 0%,36.452% 0.032%,36.68% 0.125%,36.899% 0.276%,37.105% 0.482%,37.298% 0.739%,37.475% 1.045%,37.633% 1.395%,37.771% 1.786%,37.886% 2.216%,37.976% 2.681%,39.652% 13.15% );
} 
.offer-title {
  position: absolute;
  top: 0;
  right: 0;
}

*/
/*=============== Offer Section End ===============*/

/*=============== Plan Section Start ===============

#best-plan .best-plan-box1 {
 
  margin: 0 10px;
}
#best-plan .elementskit-single-pricing .custom-wrapper-div {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#best-plan .elementskit-single-pricing .elementskit-pricing-title {
  background-color: #FEC004;
  width: fit-content;
  padding: 10px 18px;
  border-radius: 8px;
}
#best-plan .best-plan-box1 {
  clip-path: polygon( 38.251% 1.838%,38.251% 1.838%,38.116% 1.518%,37.948% 1.223%,37.749% 0.954%,37.523% 0.714%,37.273% 0.505%,37% 0.329%,36.709% 0.188%,36.403% 0.085%,36.083% 0.022%,35.754% 0%,2.667% 0%,2.667% 0%,2.234% 0.037%,1.824% 0.144%,1.441% 0.316%,1.092% 0.547%,0.781% 0.83%,0.515% 1.16%,0.298% 1.531%,0.136% 1.937%,0.035% 2.373%,0% 2.833%,0% 20.397%,0% 97.167%,0% 97.167%,0.035% 97.627%,0.136% 98.063%,0.298% 98.469%,0.515% 98.84%,0.781% 99.17%,1.092% 99.453%,1.441% 99.684%,1.824% 99.856%,2.234% 99.963%,2.667% 100%,97.333% 100%,97.333% 100%,97.766% 99.963%,98.176% 99.856%,98.559% 99.684%,98.908% 99.453%,99.219% 99.17%,99.485% 98.84%,99.702% 98.469%,99.864% 98.063%,99.965% 97.627%,100% 97.167%,100% 23.229%,100% 23.229%,99.965% 22.77%,99.864% 22.334%,99.702% 21.928%,99.485% 21.556%,99.219% 21.226%,98.908% 20.943%,98.559% 20.713%,98.176% 20.541%,97.766% 20.434%,97.333% 20.397%,46.648% 20.397%,46.648% 20.397%,46.319% 20.375%,45.999% 20.312%,45.692% 20.209%,45.401% 20.068%,45.129% 19.892%,44.879% 19.683%,44.652% 19.443%,44.454% 19.174%,44.286% 18.878%,44.151% 18.558%,38.251% 1.838% );
  background-color: #FFFFFF;
}
#best-plan .best-plan-box1:hover {
  background-color: #492D25;
}
#best-plan .best-plan-box1:hover .elementskit-pricing-lists>li, .elementskit-pricing-price {
  color: #FFFFFF;
}
#best-plan .best-plan-box1:hover .elementskit-pricing-price {
  color: #FFFFFF;
}
#best-plan .best-plan-box1:hover .elementskit-pricing-lists li svg path {
  fill: #FFFFFF;
}
#best-plan .best-plan-box1:hover .elementskit-pricing-btn {
  background-color: #FFFFFF;
  color: #492D25;
}
#best-plan .elementskit-single-pricing .elementskit-pricing-btn-wraper {
  margin-left: 50px;
}
#best-plan .elementskit-single-pricing .elementskit-pricing-price span {
  margin-left: -5px;
}


.best-plan-content-row ul li button {
  display: block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #484848;
  text-indent: -9999px;
}
.best-plan-content-row ul.slick-dots {
  display: flex;
  gap: 8px;
  transform: translate(0px, 25px);
  justify-content: center;
}
.best-plan-content-row button.slick-prev, .best-plan-content-row button.slick-next {
  font-size: 0;
  border: unset;
  width: 30px;
  height: 30px;
  background-color: unset;
}
.best-plan-content-row button.slick-prev:hover, .best-plan-content-row button.slick-next:hover {
  border-radius: 50px;
  background-color: #492D25;
}
.best-plan-content-row button.slick-prev:hover::after, .best-plan-content-row button.slick-next:hover::after {
  color: #FFFFFF;
}
.best-plan-content-row button.slick-prev {
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: 42%;
  right: unset;
  transform: translateY(33px);
}
.best-plan-content-row button.slick-next {
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: unset;
  right: 42%;
  transform: translateY(33px);
}
.best-plan-content-row button.slick-prev::after {
  content: '\f053';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #492D25;
}
.best-plan-content-row button.slick-next::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #492D25;
}
.best-plan-content-row ul li.slick-active button {
  background-color: #492D25;
}
.best-plan-content-row ul li {
  width: auto;
}
.best-plan-content-row ul li .slick-track {
  display: inline-flex;
  gap: 10px;
}
*/
/*=============== Plan Section End ===============*/


/*=============== Hot Product Start ===============

.hot-product-left-col .product-slider .slick-dots {
  transform: translate(152px, 40px);
}
.hot-product-left-col .product-slider .slick-dots li.active button { 
  background-color: #D9D9D9 !important;
} 
.hot-product-left-col .product-slider .slick-arrow.slick-prev {
  left: 58%;
  transform: translateY(14px);
}
.hot-product-left-col .product-slider .slick-arrow.slick-next {
  right: 31%;
  transform: translateY(14px);
}
#hot-product .hot-product-percentage {
  clip-path: polygon(25.685% 0%, 25.685% 0%, 25.848% 0.255%, 26.032% 0.465%, 26.232% 0.641%, 26.444% 0.791%, 26.663% 0.925%, 26.886% 1.052%, 27.106% 1.183%, 27.321% 1.325%, 27.526% 1.489%, 27.716% 1.684%, 27.716% 1.684%, 28.49% 3.041%, 29.238% 5.142%, 29.964% 7.818%, 30.67% 10.899%, 31.36% 14.217%, 32.036% 17.601%, 32.703% 20.883%, 33.363% 23.893%, 34.019% 26.462%, 34.675% 28.42%, 34.675% 28.42%, 34.863% 28.837%, 35.08% 29.245%, 35.324% 29.64%, 35.59% 30.016%, 35.875% 30.369%, 36.177% 30.695%, 36.492% 30.989%, 36.816% 31.246%, 37.146% 31.462%, 37.479% 31.632%, 96.764% 32.524%, 96.764% 32.524%, 97.25% 32.811%, 97.682% 33.151%, 98.066% 33.539%, 98.409% 33.971%, 98.718% 34.443%, 99.001% 34.951%, 99.263% 35.491%, 99.513% 36.059%, 99.756% 36.652%, 100% 37.264%, 100% 94.811%, 100% 94.811%, 99.733% 95.553%, 99.453% 96.23%, 99.157% 96.847%, 98.838% 97.41%, 98.494% 97.926%, 98.12% 98.4%, 97.711% 98.838%, 97.263% 99.247%, 96.772% 99.632%, 96.233% 100%, 3.767% 100%, 3.767% 100%, 3.228% 99.632%, 2.737% 99.247%, 2.289% 98.838%, 1.88% 98.4%, 1.506% 97.926%, 1.162% 97.41%, 0.843% 96.847%, 0.547% 96.23%, 0.267% 95.553%, 0% 94.811%, 0% 5.189%, 0% 5.189%, 0.267% 4.447%, 0.547% 3.77%, 0.843% 3.153%, 1.162% 2.59%, 1.506% 2.074%, 1.88% 1.6%, 2.289% 1.162%, 2.737% 0.753%, 3.228% 0.368%, 3.767% 0%, 25.685% 0%);
  background-color: #FFFFFF;
  height: 150px;
}
.hot-product-right-col .hot-product-percentage img {
  background-color: #492D25;
  border-radius: 50px;
  width: 45px;
  padding: 8px;
}
#hot-product .ht-product .ht-product-inner {
  background-color: #FFFFFF;
  border-radius: 20px;
}
#hot-product .ht-product .ht-product-inner .woocs_price_code {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
#hot-product .ht-product .ht-product-inner .woocs_price_code ins {
  text-decoration: none;
}
#hot-product .ht-products .ht-product .ht-product-inner .ht-product-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#hot-product .ht-product .ht-product-inner:hover .ht-product-content {
  background-color: #492D25 !important;
}
#hot-product .ht-product .ht-product-inner:hover .ht-product-title a {
  color: #FFFFFF !important;
}
#hot-product .ht-product .ht-product-inner:hover .ht-product-price span {
  color: #FFFFFF !important;
}
#hot-product .ht-product .ht-product-inner:hover .ht-product-price del {
  color: #FFFFFF !important;
}
#hot-product .ht-products .ht-product .ht-product-inner .ht-product-content {
  background-color: #D9D9D9;
  margin: 10px;
  clip-path: polygon(25.685% 0%, 25.685% 0%, 25.848% 0.255%, 26.032% 0.465%, 26.232% 0.641%, 26.444% 0.791%, 26.663% 0.925%, 26.886% 1.052%, 27.106% 1.183%, 27.321% 1.325%, 27.526% 1.489%, 27.716% 1.684%, 27.716% 1.684%, 28.49% 3.041%, 29.238% 5.142%, 29.964% 7.818%, 30.67% 10.899%, 31.36% 14.217%, 32.036% 17.601%, 32.703% 20.883%, 33.363% 23.893%, 34.019% 26.462%, 34.675% 28.42%, 34.675% 28.42%, 34.863% 28.837%, 35.08% 29.245%, 35.324% 29.64%, 35.59% 30.016%, 35.875% 30.369%, 36.177% 30.695%, 36.492% 30.989%, 36.816% 31.246%, 37.146% 31.462%, 37.479% 31.632%, 96.764% 32.524%, 96.764% 32.524%, 97.25% 32.811%, 97.682% 33.151%, 98.066% 33.539%, 98.409% 33.971%, 98.718% 34.443%, 99.001% 34.951%, 99.263% 35.491%, 99.513% 36.059%, 99.756% 36.652%, 100% 37.264%, 100% 94.811%, 100% 94.811%, 99.733% 95.553%, 99.453% 96.23%, 99.157% 96.847%, 98.838% 97.41%, 98.494% 97.926%, 98.12% 98.4%, 97.711% 98.838%, 97.263% 99.247%, 96.772% 99.632%, 96.233% 100%, 3.767% 100%, 3.767% 100%, 3.228% 99.632%, 2.737% 99.247%, 2.289% 98.838%, 1.88% 98.4%, 1.506% 97.926%, 1.162% 97.41%, 0.843% 96.847%, 0.547% 96.23%, 0.267% 95.553%, 0% 94.811%, 0% 5.189%, 0% 5.189%, 0.267% 4.447%, 0.547% 3.77%, 0.843% 3.153%, 1.162% 2.59%, 1.506% 2.074%, 1.88% 1.6%, 2.289% 1.162%, 2.737% 0.753%, 3.228% 0.368%, 3.767% 0%, 25.685% 0%);
  align-items: end;
  display: inline-flex;
  min-height: 212px;
  padding-bottom: 30px;
}
#hot-product .ht-product-action ul li:nth-child(1) {
  display: none;
}
#hot-product .ht-product-user-ratting svg path {
  fill: #FEC004;
}
#hot-product .ht-product-user-ratting svg.fa-star.empty path {
  fill: #686765;
}
#hot-product .ht-product .ht-product-inner .ht-product-image-wrap {
  overflow: visible;
}
#hot-product .ht-product .ht-product-action ul li:nth-child(2) {
  transform: translate(232px, -105px);
  
}
#hot-product .ht-product .ht-product-action ul li:nth-child(2) .wishlist {
  background-color: #000000;
  border-radius: 50px;
}
#hot-product .ht-product .ht-product-action ul li:nth-child(2) .exists {
  background-color: #FF0000;
}
#hot-product .ht-product-action .yith-wcwl-wishlistaddedbrowse a, #hot-product .ht-product-action .yith-wcwl-wishlistexistsbrowse a {
  color: #FFFFFF !important;
}
#hot-product .ht-products .ht-product .ht-product-inner .ht-product-action ul li a {
  line-height: 30px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hot-product .ht-product .ht-product-action ul li:nth-child(3) {
  transform: translate(10px, 180px);
  background-color: #000000;
}
#hot-product .ht-product {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
#hot-product .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label {
  display: none;
}
#hot-product .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) {
  background-color: #FFFFFF !important;
}
#hot-product .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) a {
  color: #492D25 !important;
}
*/
/*=============== Hot Product End ===============*/

/*=============== Practice Section Start ===============

#practice-section .pp-post-thumbnail img {
  width: 26px;
}
#practice-section .practice-section-right-col .pp-grid-item-wrap {
  position: relative;
}
#practice-section .practice-section-right-col .pp-post.pp-grid-item {
  z-index: 9;
  position: relative;
  padding: 20px;
}
#practice-section .practice-section-right-col .pp-grid-item-wrap::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon( 15.07% 0.164%,15.07% 0.164%,15.337% 0.434%,15.579% 0.675%,15.798% 0.9%,15.998% 1.121%,16.181% 1.353%,16.351% 1.607%,16.512% 1.898%,16.666% 2.237%,16.816% 2.638%,16.966% 3.115%,16.966% 3.115%,17.377% 4.672%,17.742% 6.318%,18.072% 8.029%,18.378% 9.787%,18.673% 11.57%,18.967% 13.357%,19.274% 15.128%,19.603% 16.861%,19.968% 18.535%,20.379% 20.131%,20.379% 20.131%,20.539% 20.463%,20.706% 20.775%,20.882% 21.066%,21.067% 21.334%,21.261% 21.577%,21.466% 21.795%,21.682% 21.986%,21.91% 22.147%,22.151% 22.278%,22.405% 22.377%,97.872% 22.675%,97.872% 22.675%,98.176% 22.868%,98.447% 23.101%,98.689% 23.37%,98.907% 23.674%,99.104% 24.009%,99.283% 24.372%,99.449% 24.762%,99.604% 25.176%,99.754% 25.61%,99.902% 26.062%,99.902% 96.226%,99.902% 96.226%,99.747% 96.742%,99.584% 97.212%,99.411% 97.641%,99.225% 98.033%,99.024% 98.391%,98.806% 98.72%,98.568% 99.025%,98.307% 99.309%,98.021% 99.577%,97.707% 99.833%,2.295% 99.833%,2.295% 99.833%,1.981% 99.577%,1.695% 99.309%,1.434% 99.025%,1.196% 98.72%,0.978% 98.391%,0.777% 98.033%,0.591% 97.641%,0.418% 97.212%,0.255% 96.742%,0.1% 96.226%,0.1% 3.77%,0.1% 3.77%,0.255% 3.255%,0.418% 2.784%,0.591% 2.356%,0.777% 1.964%,0.978% 1.606%,1.196% 1.276%,1.434% 0.971%,1.695% 0.687%,1.981% 0.419%,2.295% 0.164%,15.07% 0.164% );
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: translate(0px, 0px);
  background: linear-gradient(115.12deg, rgba(255, 255, 255, 0.6) -4.24%, rgba(153, 153, 153, 0.4) 69.81%);
  backdrop-filter: blur(30px);
}
.practice-section-right-col .pp-post-thumbnail-wrap {
  background-color: #FFF;
  width: 50px;
  height: 50px;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.practice-section-right-col .pp-posts-container .pp-post-excerpt p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
}
.practice-section-right-col .pp-posts-container .pp-posts-button {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px !important;
}
.practice-section-right-col .pp-posts-container .pp-button-icon {
  width: 25px;
  height: 25px;
  border: 1px solid #000;
  padding: 10px;
  border-radius: 10px;
  justify-content: center;
}
.practice-section-right-col .pp-posts-container .pp-button-icon i {
  transform: rotateZ(-45deg);
}
.practice-section-right-col .pp-posts-container .pp-posts-button:hover .pp-button-icon {
  border: 1px solid #FFF;
}
.practice-sectio-left-col .elementskit-btn i::before {
  transform: rotateZ(-45deg);
}
.practice-sectio-left-col .elementskit-btn i {
  width: 25px;
  height: 25px;
  border: 1px solid #FFF;
  padding: 10px;
  border-radius: 10px;
  justify-content: center;
  display: flex !important;
  align-items: center;
}
.practice-sectio-left-col .elementskit-btn:hover i {
  border: 1px solid #000000;
}


*/
/*=============== Practice Section End ===============*/

/*=============== Product On Sell Start ===============

#product-on-sale .ht-product .ht-product-inner {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 10px;
}
#product-on-sale .ht-product .ht-product-inner .woocs_price_code {
  display: flex;
  flex-direction: row-reverse;
  gap: 15px;
}
#product-on-sale .ht-product .ht-product-inner .woocs_price_code ins {
  text-decoration: none;
}
#product-on-sale .ht-products .ht-product .ht-product-inner .ht-product-title a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#product-on-sale .ht-product .ht-product-inner:hover .ht-product-content {
  background-color: #492D25 !important;
}
#product-on-sale .ht-product .ht-product-inner:hover .ht-product-title a {
  color: #FFFFFF !important;
}
#product-on-sale .ht-product .ht-product-inner:hover .ht-product-price span {
  color: #FFFFFF !important;
}
#product-on-sale .ht-product .ht-product-inner:hover .ht-product-price del {
  color: #FFFFFF !important;
}
#product-on-sale .ht-products .ht-product .ht-product-inner .ht-product-content {
  background-color: #D9D9D9;
  margin: 10px;
  clip-path: polygon(25.685% 0%, 25.685% 0%, 25.848% 0.255%, 26.032% 0.465%, 26.232% 0.641%, 26.444% 0.791%, 26.663% 0.925%, 26.886% 1.052%, 27.106% 1.183%, 27.321% 1.325%, 27.526% 1.489%, 27.716% 1.684%, 27.716% 1.684%, 28.49% 3.041%, 29.238% 5.142%, 29.964% 7.818%, 30.67% 10.899%, 31.36% 14.217%, 32.036% 17.601%, 32.703% 20.883%, 33.363% 23.893%, 34.019% 26.462%, 34.675% 28.42%, 34.675% 28.42%, 34.863% 28.837%, 35.08% 29.245%, 35.324% 29.64%, 35.59% 30.016%, 35.875% 30.369%, 36.177% 30.695%, 36.492% 30.989%, 36.816% 31.246%, 37.146% 31.462%, 37.479% 31.632%, 96.764% 32.524%, 96.764% 32.524%, 97.25% 32.811%, 97.682% 33.151%, 98.066% 33.539%, 98.409% 33.971%, 98.718% 34.443%, 99.001% 34.951%, 99.263% 35.491%, 99.513% 36.059%, 99.756% 36.652%, 100% 37.264%, 100% 94.811%, 100% 94.811%, 99.733% 95.553%, 99.453% 96.23%, 99.157% 96.847%, 98.838% 97.41%, 98.494% 97.926%, 98.12% 98.4%, 97.711% 98.838%, 97.263% 99.247%, 96.772% 99.632%, 96.233% 100%, 3.767% 100%, 3.767% 100%, 3.228% 99.632%, 2.737% 99.247%, 2.289% 98.838%, 1.88% 98.4%, 1.506% 97.926%, 1.162% 97.41%, 0.843% 96.847%, 0.547% 96.23%, 0.267% 95.553%, 0% 94.811%, 0% 5.189%, 0% 5.189%, 0.267% 4.447%, 0.547% 3.77%, 0.843% 3.153%, 1.162% 2.59%, 1.506% 2.074%, 1.88% 1.6%, 2.289% 1.162%, 2.737% 0.753%, 3.228% 0.368%, 3.767% 0%, 25.685% 0%);
  align-items: end;
  display: inline-flex;
  min-height: 212px;
  padding-bottom: 30px;
}
#product-on-sale .ht-product-action ul li:nth-child(1) {
  display: none;
}
#product-on-sale .ht-product-user-ratting svg path {
  fill: #FEC004;
}
#product-on-sale .ht-product-user-ratting svg.fa-star.empty path {
  fill: #686765;
}
#product-on-sale .ht-product .ht-product-inner .ht-product-image-wrap {
  overflow: visible;
}
#product-on-sale .ht-product .ht-product-action ul li:nth-child(2) {
  transform: translate(322px, -70px);
}
#product-on-sale .ht-product .ht-product-action ul li:nth-child(2) .wishlist {
  background-color: #000000;
  border-radius: 50px;
}
#product-on-sale .ht-product .ht-product-action ul li:nth-child(2) .exists {
  background-color: #FF0000;
}
#product-on-sale .ht-product-action .yith-wcwl-wishlistaddedbrowse a, #product-on-sale .ht-product-action .yith-wcwl-wishlistexistsbrowse a {
  color: #FFFFFF !important;
}
#product-on-sale .ht-products .ht-product .ht-product-inner .ht-product-action ul li a {
  line-height: 30px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#product-on-sale .ht-product .ht-product-action ul li:nth-child(3) {
  transform: translate(93px, -90px);
  background-color: #000000;
}
#product-on-sale .ht-product {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
#product-on-sale .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label {
  display: none;
}
#product-on-sale .ht-products .ht-product .ht-product-inner {
  flex-direction: row;
}
#product-on-sale .ht-products .ht-product .ht-product-inner .ht-product-image-wrap {
  width: 40%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#product-on-sale .ht-products .ht-product .ht-product-inner .ht-product-content {
  width: 60%;
}
#product-on-sale .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) {
  background-color: #FFFFFF !important;
}
#product-on-sale .ht-product .ht-product-inner:hover .ht-product-action ul li:nth-child(3) a {
  color: #492D25 !important;
}
*/
/*=============== Product On Sell End ===============*/

/*=============== Download App Start ===============

#download-app .download-app-container {
  position: relative;
}
#download-app .download-app-container::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon( 77.364% 11.405%,77.364% 11.405%,77.408% 11.808%,77.465% 12.181%,77.532% 12.52%,77.61% 12.824%,77.697% 13.089%,77.792% 13.312%,77.893% 13.491%,78.001% 13.622%,78.113% 13.702%,78.229% 13.73%,99.086% 13.73%,99.086% 13.73%,99.234% 13.775%,99.375% 13.905%,99.506% 14.113%,99.626% 14.392%,99.732% 14.735%,99.824% 15.135%,99.898% 15.585%,99.953% 16.078%,99.988% 16.606%,100% 17.162%,100% 96.568%,100% 96.568%,99.988% 97.124%,99.953% 97.652%,99.898% 98.145%,99.824% 98.595%,99.732% 98.995%,99.626% 99.338%,99.506% 99.617%,99.375% 99.825%,99.234% 99.955%,99.086% 100%,19.024% 100%,19.024% 100%,18.908% 99.972%,18.796% 99.892%,18.689% 99.761%,18.587% 99.582%,18.492% 99.359%,18.406% 99.094%,18.328% 98.79%,18.26% 98.451%,18.203% 98.078%,18.159% 97.675%,17.335% 88.595%,17.335% 88.595%,17.29% 88.192%,17.234% 87.819%,17.166% 87.48%,17.088% 87.176%,17.002% 86.911%,16.907% 86.688%,16.805% 86.509%,16.698% 86.378%,16.585% 86.298%,16.47% 86.27%,0.914% 86.27%,0.914% 86.27%,0.766% 86.225%,0.625% 86.095%,0.494% 85.887%,0.374% 85.608%,0.268% 85.265%,0.176% 84.865%,0.102% 84.415%,0.047% 83.922%,0.012% 83.394%,0% 82.838%,0% 3.432%,0% 3.432%,0.012% 2.876%,0.047% 2.348%,0.102% 1.855%,0.176% 1.405%,0.268% 1.005%,0.374% 0.662%,0.494% 0.383%,0.625% 0.175%,0.766% 0.045%,0.914% 0%,75.674% 0%,75.674% 0%,75.79% 0.028%,75.902% 0.108%,76.01% 0.239%,76.111% 0.418%,76.206% 0.641%,76.293% 0.906%,76.371% 1.21%,76.438% 1.549%,76.495% 1.922%,76.539% 2.325%,77.364% 11.405% );
  background-color: #492D25;
}
.download-app-right-img img {
    transform: translate(-110px, -40px);
}

*/
/*=============== Download App End ===============*/

/*=============== Shop by Brand Start ===============

.shop-by-brand-col1 .swiper-slide-inner {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 10px 10px 0 10px;
  width: 94%;
  height: 190px;
  align-items: center;
  justify-content: center;
  display: inline-grid;
}
.shop-by-brand-col1 .swiper-slide-inner::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 4px;
  background-color: #000000;
  width: 80%;
  border-radius: 50px;
}
.shop-by-brand-col1 .swiper-slide-inner:hover::after {
  background-color: #492D25;
}
.shop-by-brand-col1 .swiper-slide-inner:hover .elementor-image-carousel-caption {
  color: #492D25;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper {
  padding-bottom: 0px !important;
}
.shop-by-brand-col2 {
  clip-path: polygon( 100% 4.211%,100% 4.211%,99.959% 3.528%,99.841% 2.88%,99.653% 2.276%,99.399% 1.724%,99.088% 1.233%,98.726% 0.812%,98.318% 0.47%,97.871% 0.215%,97.392% 0.055%,96.887% 0%,3.113% 0%,3.113% 0%,2.608% 0.055%,2.129% 0.215%,1.682% 0.47%,1.274% 0.812%,0.912% 1.233%,0.601% 1.724%,0.347% 2.276%,0.159% 2.88%,0.041% 3.528%,0% 4.211%,0% 74.737%,0% 74.737%,0.041% 75.42%,0.159% 76.068%,0.347% 76.672%,0.601% 77.223%,0.912% 77.714%,1.274% 78.135%,1.682% 78.477%,2.129% 78.733%,2.608% 78.892%,3.113% 78.947%,33.14% 78.947%,33.14% 78.947%,33.451% 78.968%,33.755% 79.03%,34.052% 79.132%,34.338% 79.271%,34.612% 79.448%,34.873% 79.659%,35.117% 79.905%,35.343% 80.183%,35.55% 80.492%,35.734% 80.83%,44.213% 98.117%,44.213% 98.117%,44.397% 98.456%,44.604% 98.765%,44.83% 99.043%,45.075% 99.288%,45.335% 99.5%,45.609% 99.676%,45.895% 99.816%,46.192% 99.917%,46.496% 99.979%,46.807% 100%,96.887% 100%,96.887% 100%,97.392% 99.945%,97.871% 99.785%,98.318% 99.53%,98.726% 99.188%,99.088% 98.767%,99.399% 98.276%,99.653% 97.724%,99.841% 97.12%,99.959% 96.472%,100% 95.789%,100% 4.211% );
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .swiper-pagination {
  text-align: right;
  transform: translate(90px, 3px);
  z-index: 1;
  width: auto;
  overflow: visible;
  float: right;
  right: 0;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .elementor-swiper-button {
  top: unset !important;
  z-index: 10;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .elementor-swiper-button-next {
  transform: translate(121px, -23px) !important;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .elementor-swiper-button-next:hover {
  background-color: #492D25;
  border-radius: 50px;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .elementor-swiper-button-next:hover svg path {
  fill: #FFFFFF;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .elementor-swiper-button-prev {
  left: unset;
  right: 0;
  transform: translate(33px, -23px) !important;
  z-index: 10 !important;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .elementor-swiper-button-prev:hover {
  background-color: #492D25;
  border-radius: 50px;
}
.shop-by-brand-col1 .elementor-image-carousel-wrapper .elementor-swiper-button-prev:hover svg path {
  fill: #FFFFFF;
}
*/
/*=============== Shop by Brand End ===============*/

/*=============== Blog Section Start ===============

#blog-section {
  position: relative;
}
.blog-section-content .pp-posts {
  padding: 10px 10px;
}
.blog-section-content .pp-posts-container {
  overflow-x: clip;
}
.blog-section-content .pp-posts-container .pp-posts .pp-post-wrap .pp-post-thumbnail img {
  height: 325px;
  object-fit: cover;
}
.blog-section-content .pp-posts-container .swiper-pagination {
  position: absolute;
  top: 0;
  left: unset;
  text-align: end;
  transform: translate(-46px, -82px);
  height: fit-content;
}
.blog-section-content .pp-posts-container .pp-slider-arrow {
  position: absolute;
  top: 0;
  transform: translateY(-85px);
}
.blog-section-content .pp-posts-container .elementor-swiper-button-prev {
  left: unset !important;
  right: 7% !important;
  z-index: 10;
}
.blog-section-content .pp-posts-container .pp-post-excerpt p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .pp-post-title a {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.blog-section-content .pp-posts-container .pp-post-meta {
  display: flex;
  justify-content: space-between;
}


.blog-section-content .pp-post-content {
  position: relative;
}
.blog-section-content .new-custom-wrapper {
  position: absolute;
  top: 56%;
  width: 100%;
}
.blog-section-content .pp-posts-button {
  position: absolute;
  bottom: 13%;
  right: 33%;
}
.blog-section-content .new-custom-wrapper {
  background-color: #ffffff17;
  padding: 16px 18px;
  min-height: 280px;
  margin-right: 20px;
}
.blog-section-content .pp-post-title {
  margin-top: 8px;
}
.blog-section-content .meta-new-custom-wrapper .pp-post-comments {
  padding-left: 20px;
}
.blog-section-content .pp-post-date .pp-meta-text {
  width: 30px;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  background-color: #000;
  border-radius: 50px;
  padding: 11px 24px;
  color: #FFF;
}
.blog-section-content .meta-new-custom-wrapper svg path {
  fill: #492D25;
}
.blog-section-content .meta-new-custom-wrapper .pp-post-author .pp-meta-text, .blog-section-content .meta-new-custom-wrapper .pp-post-comments .pp-meta-text {
  border-bottom: 1px solid #444343;
}
.blog-section-content .pp-carousel-item:hover .new-custom-wrapper {
  background-color: #492D25;
}
.blog-section-content .pp-carousel-item:hover .pp-post-date .pp-meta-text {
  background-color: #FFF;
  border-radius: 50px;
  padding: 11px 24px;
  color: #492D25;
}
.blog-section-content .pp-carousel-item:hover .meta-new-custom-wrapper svg path {
  fill: #FFF;
}
.blog-section-content .pp-carousel-item:hover .pp-post-title a {
  color: #FFF;
}
.blog-section-content .pp-carousel-item:hover .pp-post-excerpt p {
  color: #FFF;
}
.blog-section-content .pp-carousel-item:hover .pp-post-author {
  color: #FFF;
}
.blog-section-content .pp-carousel-item:hover .pp-post-comments {
  color: #FFF;
}
.blog-section-content .pp-carousel-item:hover .meta-new-custom-wrapper .pp-post-author .pp-meta-text {
  border-bottom: 1px solid #FFF;
}
.blog-section-content .pp-carousel-item:hover .meta-new-custom-wrapper .pp-post-comments .pp-meta-text {
  border-bottom: 1px solid #FFF;
}
.blog-section-content .pp-posts-container .pp-posts-button {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  gap: 8px !important;
}
.blog-section-content .pp-posts-container .pp-button-icon {
  width: 25px;
  height: 25px;
  border: 1px solid #FFF;
  padding: 10px;
  border-radius: 10px;
  justify-content: center;
}
.blog-section-content .pp-posts-container .pp-button-icon i {
  transform: rotateZ(-45deg);
}
.blog-section-content .pp-carousel-item:hover .pp-posts-button {
  background-color: #FFFFFF;
  color: #492D25;
}
.blog-section-content .pp-carousel-item:hover .pp-button-icon {
  border: 1px solid #492D25 !important;
}
*/



/*=============== Blog Section End ===============*/

.ht-product-action ul li.woolentor-cart a::before {
  content: '\f07a' !important;
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 600;
  font-size: 18px !important;
}
@media (min-width:1024px) {
  #best-seller .ht-product img, #hot-product .ht-product img, #product-on-sale .ht-product img {
    transition: transform 0.5s ease-in-out;
  }
  #best-seller .ht-product:hover img, #hot-product .ht-product:hover img, #product-on-sale .ht-product:hover img {
    transform: scale(1.1);
  }
  .shop-by-category .ht-category-wrap {
    transition: transform 0.3s ease-in-out;
  }
  .shop-by-category .ht-category-wrap:hover {
    background-color: #492D25 !important;
  }
  .shop-by-category .ht-category-wrap:hover::before {
    background-color: #000000 !important;
  }
  .shop-by-category .ht-category-wrap .ht-category-content h3 a:hover {
    color: #000000 !important;
  }

}

@media (min-width:1024px) {
  .woocommerce-shop .shop-page-product-box img, .tax-product_cat .shop-page-product-box img {
    transition: transform 0.5s ease-in-out;
  }
  .woocommerce-shop .shop-page-product-box:hover img, .tax-product_cat .shop-page-product-box:hover img {
    
  }
  /* .woocommerce-shop .shop-page-product-box:hover .product-content-box {
    background-color: #492D25;
  } */
  .woocommerce-shop .shop-page-product-box:hover .product-title a {
    color: #492D25;
  }
  .woocommerce-shop .shop-page-product-box:hover .product-price .sale-price {
    color: #492D25;
  }
  .woocommerce-shop .shop-page-product-box:hover .product-price .regular-price {
    color: #492D25;
  }
  .woocommerce-shop .shop-page-product-box:hover .add-to-cart-btn a::before {
    background-color: #EABF7C;
    color: #492D25;
  }

  .tax-product_cat .shop-page-product-box img, .tax-product_cat .shop-page-product-box img {
    transition: transform 0.5s ease-in-out;
  }
  .tax-product_cat .shop-page-product-box:hover img, .tax-product_cat .shop-page-product-box:hover img {
    transform: scale(1.1);
  }
  .tax-product_cat .shop-page-product-box:hover .product-content-box {
    background-color: #492D25;
  }
  .tax-product_cat .shop-page-product-box:hover .product-title a {
    color: #FFFFFF;
  }
  .tax-product_cat .shop-page-product-box:hover .product-price .sale-price {
    color: #FFFFFF;
  }
  .tax-product_cat .shop-page-product-box:hover .product-price .regular-price {
    color: #FFFFFF;
  }
  .tax-product_cat .shop-page-product-box:hover .add-to-cart-btn a::before {
    background-color: #FFFFFF;
    color: #492D25;
  }
}


.header-menu-col3 .elementor-icon:hover {
  background-color: #ce421b;
}
.header-menu-col3 .elementor-icon:hover svg path {
  fill: #FFF;
}
.header-menu-col3 .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon {
  background-color: #492D25;
}
.header-menu-col3 .elementor-icon-box-wrapper:hover .elementor-icon-box-icon .elementor-icon svg path {
  fill: #FFF;
}
.header-primary-menu-col3:hover .hfe-menu-cart__toggle .elementor-button {
  background-color: #000000 !important;
}

.top-bar-announce{
 justify-content: center;
 color: red;

}
/*=============== Pharmacy End ===============*/



/*========== Star Rating CSS Start ============*/

.star-rating {
  color: #FEC004;
  margin-top: 0;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
  font-family: star;
  float: unset !important;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #dab7b7bf !important;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}

/*========== Star Rating CSS End ============*/

/*========== Return to Top Start ============*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #EABF7C;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}
#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#return-to-top:hover {
  background-color: #8D6AEE;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #8D6AEE;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}



/*============= Preloader End =============*/



/* HTML: <div class="loader"></div> */
/* HTML: <div class="loader"></div> */
/* .loader {
  width: 80px;
  aspect-ratio: 1;
  --c:#EABF7C 98%,#0000;
  background:
    radial-gradient(50% 70% at 50% 120%, var(--c)) top,
    radial-gradient(70% 50% at -20% 50%, var(--c)) right,
    radial-gradient(50% 70% at 50% -20%, var(--c)) bottom,
    radial-gradient(70% 50% at 120% 50%, var(--c)) left;
  background-size: 100% 50.1%,50.1% 100%;
  background-repeat: no-repeat;
  -webkit-mask: radial-gradient(circle 5px,#0000 90%,#000);
  animation: l9 1.5s infinite linear;
}
  @keyframes l9 { 
    100%{transform: rotate(1turn)}
  } */






/**** Enquiry Form ****/
/* General Form Styling */
.order-enquiry-form {
  font-family: 'open sans', sans-serif;
  background-color: transparent;
  padding: 40px;
  border-radius: 8px;
  border: 1px solid #8D5E2F;
  box-shadow: 0 4px 8px #8D5E2F(0, 0, 0, 0.1);
}

.order-enquiry-form .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.order-enquiry-form .form-group {
  flex: 1;
  margin-right: 10px;
  margin-bottom: 10px;
}

.order-enquiry-form .form-group:last-child {
  margin-right: 0;
}

.form-control {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: #8D5E2F;
}

.form-control:focus {
  border-color: none;
  outline: none;
  box-shadow:none !important;
  background-color: #FFF7E9 !important;
}

/* Placeholder Styling */
::placeholder {
  color: #aaa;
}

/* Dropdown Arrow Styling */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('') no-repeat right center;
  background-size: 16px;
  padding-right: 30px;
}

/* Submit Button Styling */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  background-color: #492D25;
  color: white;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  font-size: 16px;
  
}


.wpcf7 .order-enquiry-form input[type="text"],
 .wpcf7 .order-enquiry-form input[type="email"],
 .wpcf7 .order-enquiry-form input[type="tel"],
 .wpcf7 .order-enquiry-form input[type="file"],
 .wpcf7 .order-enquiry-form select,
.wpcf7 .order-enquiry-form textarea {
  border: none; 
  border-bottom: 1px solid #8D5E2F; 
  background: transparent; 
  border-radius: 0;
  padding: 8px 0; 
  width: 100%; 
  box-sizing: border-box;
}

/* On focus change bottom border color or thickness if you want */
.wpcf7 .order-enquiry-form input[type="text"]:focus,
.wpcf7 .order-enquiry-form input[type="email"]:focus,
.wpcf7 .order-enquiry-form input[type="tel"]:focus,
.wpcf7 .order-enquiry-form input[type="file"]:focus,
.wpcf7 .order-enquiry-form select:focus,
.wpcf7 .order-enquiry-form textarea:focus {
  outline: none; 
  border-bottom: 2px solid #a67c52; 
}


.wpcf7 .order-enquiry-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("assets/images/Vector.svg"); 
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px; 
  padding-right: 30px; 
}

/* Base styles for the submit button */
.order-enquiry-form .wpcf7-submit {
  position: relative;
  padding-left: 30px; /* Space for the icon */
  font-size: 16px;
  font-weight: 600;
  background-color: #492D25;
  color: #EABF7C;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
 padding: 18px 32px;
}

/* Add the icon inside the button */
.order-enquiry-form .wpcf7-submit .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('assets/images/button-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
}


/* Optional: Change button background on hover */
.order-enquiry-form .wpcf7-submit:hover {
  background-color: #EABF7C;
  color:#492D25;
}


.wpcf7 .order-enquiry-form input::placeholder,
textarea::placeholder {
  color: #8D5E2F; /* Replace with your desired color */
  opacity: 1; /* Ensures full opacity in Firefox */
}



.file-upload-label {
  display: inline-flex;
  position: relative;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  align-items: flex-end;
  flex-direction: row;
  justify-content: space-between;
  /* gap: 20px; */
}

.file-upload-input {
  display: none;
}

.file-upload-icon {
  margin-right: 10px;
  fill: #492D25;
  height: 40px;
}

.file-upload-text {
  font-size: 16px;
  color: #492D25;
  width: 100%;
}

.file-upload-label:hover .file-upload-text {
  color: #8D5E2F
}

button.newsltr-btn.wpcf7-submit {
  display: flex !important;
  align-content: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 12px !important;
}

.wpcf7-form-control-wrap select.form-control {
  margin: 10px 0;        /* top/bottom 10px, left/right 0 — adjust as needed */
  padding: 8px 12px;


}

/* Contact Page Form */


#contact-page .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

#contact-page .form-group {
  flex: 1;
  margin-right: 10px;
  margin-bottom: 10px;
}

#contact-page .form-group:last-child {
  margin-right: 0;
}

#contact-page .form-control {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: #8D5E2F;
}

#contact-page .form-control:focus {
  border-color: none;
  outline: none;
  box-shadow:none !important;
  background-color: #FFF7E9 !important;
}

/* Placeholder Styling */
#contact-page ::placeholder {
  color: #aaa;
}

/* Dropdown Arrow Styling */
#contact-page select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('') no-repeat right center;
  background-size: 16px;
  padding-right: 30px;
}

#contact-page .wpcf7 input[type="text"], #contact-page .wpcf7 input[type="email"], #contact-page .wpcf7 input[type="tel"], #contact-page .wpcf7 input[type="file"], #contact-page .wpcf7 select, #contact-page .wpcf7 textarea {
  border: 2px solid white;
  border-bottom: 1px solid #ffffff;
  background: transparent;
  border-radius: 16px;
  padding: 12px 12px;
  width: 100%;
  box-sizing: border-box;
}

/* On focus change bottom border color or thickness if you want */
#contact-page .wpcf7  input[type="text"]:focus,
#contact-page .wpcf7  input[type="email"]:focus,
#contact-page .wpcf7  input[type="tel"]:focus,
#contact-page .wpcf7  input[type="file"]:focus,
#contact-page .wpcf7  select:focus,
#contact-page .wpcf7  textarea:focus {
  outline:white; 
  border-bottom: 2px solid #ffffff; 
  color: white;
}
#contact-page label{
  display: none;
}

#contact-page .wpcf7 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("assets/images/Vector.svg"); 
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px; 
  padding-right: 30px; 
}

/* Base styles for the submit button */
#contact-page .wpcf7-submit {
  position: relative;
  padding-left: 30px; /* Space for the icon */
  font-size: 16px;
  font-weight: 600;
  background-color: #EABF7C;
  color: #492D25;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
 padding: 18px 32px;
}

/* Add the icon inside the button */
#contact-page .wpcf7-submit .icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url('assets/images/button-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
}


/* Optional: Change button background on hover */
#contact-page .wpcf7-submit:hover {
  background-color: #492D25;
  color:#492D25;
}


#contact-page .wpcf7 input::placeholder,
#contact-page textarea::placeholder {
  color: #ffffff; /* Replace with your desired color */
  opacity: 1; /* Ensures full opacity in Firefox */
}




/* Parent white card */
.sc-card {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    /* box-shadow: 0px 10px 30px rgba(0,0,0,0.06); */
    text-align: left;
    transition: .3s;
    position: relative;
    overflow: visible; /* allows icon to pop out */
    
}

.sc-card:hover {
    transform: translateY(-6px);
    /* box-shadow: 0px 18px 40px rgba(0,0,0,0.12); */
}

/* Icon bubble */
.sc-icon {
    width: 65px;
    height: 65px;
    background: #f3eaff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: -32px; 
    left: 20px;

    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

.sc-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Title */
.sc-title {
    font-size: 20px;
    margin: 40px 0px 12px;
    font-weight: 600;
}

/* Description */
.sc-desc {
    color: #666;
    line-height: 1.6;
    font-size: 16px;
    line-height: 32px;
    min-height: 70px;
    margin-bottom: 20px;
    font-family: 'Inter', sans-serif;
}

/* Button */
.sc-btn {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 30px;
    background: #000;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
}

.sc-btn:hover {
    background: #444;
}

/* ===================================================
   SWIPER NAVIGATION (TOP RIGHT CORNER)
   =================================================== */

.service-cat-slider {
    position: relative;
    padding-top: 60px; /* makes space for nav buttons */
}

/* Both buttons fixed on top-right */
.swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev {
    top: 10px !important;
    left: auto !important;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
    z-index: 50;
    border: solid 1px #000;
}

/* Next button (far right) */
.swiper-button .swiper-button-next {
    right: 10px !important;
}

/* Prev button (left of next) */
.swiper-button .swiper-button-prev {
    right: 80px !important;
}

/* Arrow icons */
.swiper-button .swiper-button-next:after,
.swiper-button .swiper-button-prev:after {
    font-size: 16px;
    color: #000;
}




@media (max-width: 1366px) {
    .graphimg {
        position: absolute;
        right: -30% !important;
        top: -400px;
    }

    .atc-content {
      position: absolute;
      top: 22%;
      transform: translateX(200px) !important;
   }


   .pp-counter-number-wrap{
    font-size: 30px;
   }
}


@media (width: 1366px){

  .choose-os .elementor-image-box-title {
    white-space: nowrap;
  }
	
	 .ue-meta-data {
      gap: 44px !important;  
   }
	
	.elementskit-navbar-nav > li{
		margin: 0px 9px 0px 0px !important;
	}
}


.upk-title {
    border-bottom: solid 2px #B4B4B4 !important;
    padding-bottom: 20px !important;
    width: 400px;
    transition: width 0.6s ease-in-out !important; /* smoother and controlled */
}

.upk-item:hover .upk-title {
    width: fit-content;
}


#about-us-section .about-col-2 .elementor-image-box-title{
  margin-left: -40px !important;
}








.swiper-button-next:hover{
  background: black !important;
}

.swiper-button-next:hover::after {
    color: white;
}

.swiper-button-prev:hover{
  background: black !important;
}

.swiper-button-prev:hover::after {
    color: white;
}


.serviceecatt{
  overflow: visible;
}


.serviceecatt .swiper {
  overflow: hidden;
  padding-top: 38px;
  margin-top: -30px;
}


.serviceecatt .swiper-button{
  position: absolute;
  right: 0;
  top: -85px;
}


.sc-card:hover .sc-btn {
    background: #8D6AEE;
}

.graphimg {
    position: absolute;
    right: -24%;
    top: -400px;
}


.itcount .pp-counter-number-title-wrap{
  display: grid;
  margin-left: 10px;
}

.itcount .pp-counter-number-wrap{
  order: 2;
}




.memberss .pp-tm{
  background: white;
  box-shadow: 0px 5px 15px #0000001A;
  border-radius: 25px;
  border: solid 1px;
  border-color: #D8D8D8;
}

.memberss .swiper{
  overflow: visible;
  overflow-x: clip;
}

.memberss .pp-tm-image{
  margin-top: -40px;
}

/* .memberss .pp-tm-overlay-content-wrap:before{
  background: unset !important;
  content: '';
} */

.memberss .pp-icon svg{
  fill: #fff !important;
}

  .memberss .pp-tm-overlay-content-wrap .pp-tm-content{
    position: absolute;
    top: 93%;
  }

  .memberss .pp-tm-content-normal{
    padding-bottom: 10px;
  }

  .memberss .elementor-element .swiper~.elementor-swiper-button-prev{
   left: 91.5%;
  }

  

  .memberss .pp-slider-arrow{
    top: -24% ;
    border: solid 1px;
  }

  .memberss .pp-slider-arrow:hover{
    background: #242424;
  }


  .procesh .processno{
    position: absolute;
    left: 23%;
  }


  .appointment-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 40px;
    max-width: 900px;
}

.appointment-form .form-full {
    grid-column: 1 / 3;
}

.appointment-form label {
    font-weight: 500;
    display: inline-flex;        /* FIX: inline icon + text */
    align-items: center;         /* Vertically center */
    gap: 6px;                    /* Space between icon and text */
    margin-bottom: 5px;
}


/* .appointment-form .icon {
    margin-right: 6px;
} */

.appointment-form input,
.appointment-form select,
.appointment-form textarea {
    width: 100%;
    padding: 14px 20px;
    border-radius: 30px;
    border: none;
    background: #f4f4f4;
    font-size: 15px;
    outline: none;
}

.appointment-form select {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548L10 12.032l4.484-4.484L16 8.064 10 14.064 4 8.064z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 15px center;
    cursor: pointer;
}

.appointment-form textarea {
    height: 120px;
    border-radius: 20px;
}

.appointment-form .btn-wrap {
    grid-column: 1 / 3;
    margin-top: 10px;
}

.appointment-form input[type="submit"] {
    background: #000;
    color: #fff;
    padding: 14px 30px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    width: fit-content;
}

.appointment-form input[type="submit"]:hover {
    opacity: 0.85;
}


.appointment-form .icon {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    margin-top: 20px;
}

.appointment-form .icon svg {
    width: 18px;
    height: 18px;

    fill: none !important;          /* remove fill */
    stroke: #000 !important;        /* black border */
    stroke-width: 2;                /* border thickness */
    stroke-linecap: round;
    stroke-linejoin: round;
}


input.wpcf7-form-control.wpcf7-submit:hover{
  background: #8D6AEE;
}








.ankit-testimonial-carousel .atc-item{
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 25px;
}

.atc-img img{
    width: 350px;
    height: 420px;
    object-fit: cover;
    border-radius: 18px;
}

.atc-content{
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    max-width: 430px;
    position: absolute;
    top: 22%;
    transform: translateX(270px);
}

.atc-stars{
    color: #ffc107;
    margin-bottom: 10px;
    letter-spacing: 10px;
    font-size: 18px;
}

.atc-content p{
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}

.atc-author h4{
    margin: 0;
    font-weight: 700;
    font-size: 18px;
}

.atc-author span{
    font-size: 14px;
    opacity: .7;
}

.atc-quote{
    position: absolute;
    bottom: -30px;
    right: 110px;
    font-size: 80px;
    color: #000;
    font-weight: bold;
}

.atc-item:hover .atc-quote{
  color: #8D6AEE;
}

@media(max-width: 768px){
    .ankit-testimonial-carousel .atc-item{
        flex-direction: column;
        text-align: center;
    }
    /* .atc-content{
        max-width: 100%;
    } */
}



/* Kill Slick default positioning */
.ankit-testimonial-carousel .slick-prev,
.ankit-testimonial-carousel .slick-next {
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
}


/* Your arrows */
.ankit-testimonial-carousel .atc-prev {
    right: 80px !important;   /* move prev to the right */
    top: -80px !important;
}

.ankit-testimonial-carousel .atc-next {
    right: 10px !important;
    top: -80px !important;
}





.blog-toop .owl-nav .owl-prev{
  left: 92% !important;
}



/* Force Slick's default arrows to behave */
/* Reset Slick defaults */
.atc-prev:before,
.atc-next:before {
    display: none !important;
}

/* Arrow button */
.atc-prev,
.atc-next {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;

    background: #fff !important;
    border: 1px solid #000 !important;

    position: absolute !important;
    top: -80px !important;

    padding: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;

    /* box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important; */
}

/* SVG icon — perfect centering */
.atc-prev::after,
.atc-next::after {
    content: "";
    width: 28px;
    height: 28px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background-size: contain;
    background-repeat: no-repeat;
}

/* Left arrow */
.atc-prev::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}

/* Right arrow */
.atc-next::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}

/* Positions */
.atc-prev {
    right: 80px !important;
}

.atc-next {
    right: 10px !important;
}

/* Hover */
.atc-prev:hover,
.atc-next:hover {
    background: #000 !important;
    border-color: #000 !important;
}

.atc-prev:hover::after,
.atc-next:hover::after {
    filter: invert(1);
}






@media (max-width: 767px) {
    .swiper-container-wrap .elementor-swiper-button-prev,
    .swiper-container-wrap .elementor-swiper-button-next {
        display: none !important;
    }
}

  


/* .atc-prev {
    left: -60px !important;
}

.atc-next {
    right: -60px !important;
} */

.slick-prev:before,
.slick-next:before {
    content: '' !important; 
    display: none !important;
}


.ankit-testimonial-carousel {
    overflow: visible !important;
}


.uc_image_carousel_content_holder{
  display: grid !important;
}

.uc_image_carousel_content_holder a{
  order: 1;
}

.uc_paragraph{
  order: 2;
}

.ue-meta-data {
  line-height: 2.5em !important;
  border-bottom: solid 1px #B4B4B4;
  border-top: solid 1px #B4B4B4;
  margin-bottom: 25px;
}

.ue-grid-item-meta-data:nth-child(1) {
    order: 3;
}

.ue-grid-item-meta-data:nth-child(2) {
    order: 1;
}

.ue-grid-item-meta-data a{
  color: #110D0A;
}

.uc_image_carousel_placeholder img{
  border-radius: 25px;
}

.owl-nav .owl-next{
  position: absolute;
  top: -15% !important;
  border: solid 1px #000 !important;
}








@media (width: 1024px){
  #hero-section{
    min-height: 855px !important;
  }

  .pp-tm-wrapper .pp-tm-image img {
    display: block;
    height: 300px;
  }

  .pp-tm-social-links .pp-tm-social-icon-wrap{
    padding: 8px !important;
  }

  .pp-counter-icon img {
        width: 100px !important;
  }

  .graphimg{
    position: absolute;
    right: -34%;
  }

  .procesh .processno {
    position: absolute;
    left: 40%;
  }

  .atc-content {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    max-width: 600px;
    position: absolute;
    top: 22%;
    transform: translateX(270px);
  }

   .owl-carousel .owl-nav .owl-prev {
        position: absolute !important;
        top: -15% !important;
        left: 89% !important;
    }

    .uc_image_carousel_content {
        padding: 10px 0px !important;
    }

    .ue-meta-data{
      gap: 18px !important;
    }

}




#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #000;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}





@media (width: 1440px) {
  .pp-counter-number-wrap{
    font-size: 30px !important;
  }

  .atc-content {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    max-width: 430px;
    position: absolute;
    top: 22%;
    transform: translateX(197px);
  }

  .ue-meta-data{
    gap: 40px !important;
  }
	
	.elementskit-navbar-nav > li{
		margin: 0px 9px 0px 0px !important;
  }
}


.uc_carousel_item:hover .uc_post_title {
    color: #8D6AEE !important;
}



@media (width: 425px) {
    .atc-content {
        background: #fff;
        padding: 25px;
        border-radius: 18px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        max-width: 300px;
        position: absolute;
        top: 22%;
        transform: translateX(18px) !important;
    }

    .atc-content{
      display: none;
    }

    .atc-quote {
      position: absolute;
      bottom: -25px;
      right: 30px;
    }

    .slick-initialized .slick-slide:hover .atc-content{
      display: block !important;
    }
}


@media (width: 375px){
  .atc-content{
        background: #fff;
        padding: 25px;
        border-radius: 18px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        max-width: 250px;
        position: absolute;
        top: 6.5%;
        transform: translateX(20px) !important;
    }

    .atc-content{
      display: none;
    }

    .atc-quote {
      position: absolute;
      bottom: -25px;
      right: 5px;
    }

    .slick-initialized .slick-slide:hover .atc-content{
      display: block !important;
    }
}


@media (width: 320px){
  .atc-content{
        background: #fff;
        padding: 25px;
        border-radius: 18px;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
        max-width: 210px;
        position: absolute;
        top: -4%;
        transform: translateX(10px) !important;
}

    .atc-content{
      display: none;
    }

    .atc-quote {
          position: absolute;
          bottom: -6px;
          right: 0px;
          font-size: 60px;
          font-weight: bold;
    }

    .slick-initialized .slick-slide:hover .atc-content{
      display: block !important;
    }
}

.owl-nav .owl-prev{
  position: absolute !important;
  top: -15% !important;
  border: solid 1px #000 !important;
  left: 92.5% !important;
}

.footer-now .elementor-image-box-content{
  display: grid;
}

.footer-now .elementor-image-box-title{
  order: 2;
}

.footer-now .hfe-nav-menu li.menu-item {
    position: relative;
    padding-left: 5px;
}

.footer-now .hfe-nav-menu li.menu-item::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #000;  /* dot color */
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.newsmail #your-email{
  width: 320px;
  padding: 8px;
  border: none;
  border-radius: 50px;
}

.newsmail #your-email::placeholder {
    padding-left: 10px !important;
    color: black !important;
}

input.wpcf7-form-control.wpcf7-submit {
    background: black;
    padding: 8px 18px;
    color: white;
    border: none;
    border-radius: 50px;
    margin-top: 30px;
}

.service-card h3 {
    margin-left: 100px;
    margin-top: -50px !important;
    margin-bottom: 50px;
}

.service-card p {
  margin-left: 100px;
  margin-top: -20px;
}


.service-card .btn{
  margin-left: 100px;
}

.single-product-title{
  color: #000 !important;
}


.main-header.sticky-header{
  background: #6BCDFF !important;
}


.single-services .related-service-box{
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); 
    padding: 30px !important;
}

.related-service-title a{
  color: #000;
}

.single-services  .btn-primary {
    background: #000;
}

.single-services .related-service-box:hover  .btn-primary {
    background: #8D6AEE ;
}


.single-project .btn-primary {
    background: #000;
    margin-top: 20px;
}

.single-project .related-project-box:hover .btn-primary{
  background: #8D6AEE ;
}


/* Featured Image Full Width */
.single-featured-image-wrapper {
    width: 100%;
}
.single-featured-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Title */
.single-blog-title {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
}
.single-blog-excerpt {
    font-size: 18px;
    opacity: 0.8;
}

/* Meta */
.single-meta .author-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.single-meta span {
    color: #ffffff;
}

/* Content */
.single-blog-content {
    line-height: 1.8;
    color: #dcdcdc;
}

/* Navigation */
.single-navigation a {
    color: #ffffff;
    font-weight: 600;
}

/* Comment Box */
.comment-box-wrapper {
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 10px;
}

/* Related Blog */
.related-blog-img-wrapper {
    position: relative;
}
.related-date-box {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #142046;
    padding: 8px 12px;
    border-radius: 6px;
    text-align: center;
}
.related-date-box .day {
    display: block;
    font-size: 20px;
    font-weight: bold;
}
.related-date-box .month {
    font-size: 12px;
}
.related-blog-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}
.related-blog-card {
    background: #0d1226;
    border-radius: 12px;
    padding: 15px;
}
.related-blog-title-text {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.related-blog-short {
    color: #cfcfcf;
}


.foot1 {
    padding: 0px;
}



/* Desktop only */
@media (min-width: 1025px) {
    .foot1 .elementor-image-box-wrapper {
        display: flex;
        width: 400px;
        align-items: center;
        white-space: nowrap;
    }
}


.foot1 .elementor-image-box-title a{
  color: #0f0f0fcc;
}

.foot1 .elementor-image-box-title a:hover{
  color: #8D6AEE;
}



@media (width: 1024px){
    .newsmail #your-email{
      width: 230px;
    }
}




/* FORM BOX */
.styled-comment-box {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    max-width: 800px;
    margin: 0 auto;
}

/* INPUTS */
.custom-input,
.custom-textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #ddd;
    background: #F3F3F5;
    border-radius: 10px;
    font-size: 15px;
}

.custom-input:focus,
.custom-textarea:focus {
    border-color: #7A3CFF;
    outline: none;
    background: #fff;
}

/* SUBMIT BUTTON */
.comment-submit-btn {
    margin-top: 10px;
    background: #7A3CFF;
    color: #fff;
    border: none;
    padding: 12px 26px;
    border-radius: 8px;
    font-size: 16px;
    transition: 0.3s ease;
    display: inline-block;
}

.comment-submit-btn:hover {
    background: #5d2ecc;
    cursor: pointer;
}

/* Title */
.comment-title {
    font-weight: 700;
    font-size: 28px;
}


.mtsnb a
 {
    color: #fff !important;
    background: #6BCDFF;
    padding: 10px 20px;
    border-radius: 25px;
}



@media (max-width: 767px) {
    #about-us-section .elementor-widget-image-box .elementor-image-box-wrapper {
      text-align: center;
      display: flex;
      align-items: center;
     }
	.swiper-button{
		display: none;
  }
	
	.mtsnb .mtsnb-container{
		padding: 15px 0px;
		line-height: 2em;
  }
	.mtsnb a{
		display: inline-block;
	}
	
	.elementskit-menu-close {
	margin-top: 70px !important;
  }
}



.elementskit-menu-close {
    position: relative;
    top: 70%;
}



.bolog-mainn .icon-chevron-left::before {
	position: relative !important;
/* 	top: 1% !important; */
	left: -2% !important;
}

.bolog-mainn .icon-chevron-right::before {
	position: relative !important;
/* 	top: 1% !important; */
	right: -2% !important;
}




.elementskit-navbar-nav > li:last-child {
    background: #6BCDFF;
    border-radius: 25px;
    color: white;
}


/* Hide the submenu by default */
.elementskit-navbar-nav > li .elementskit-submenu-panel {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition:
        opacity 0.45s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1),
        visibility 0s linear 0.45s;
}

/* Show submenu */
.elementskit-navbar-nav > li:hover > .elementskit-submenu-panel,
.elementskit-navbar-nav > li:focus-within > .elementskit-submenu-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}

.sc-title a {
    display: inline-block;
    width: 100%;
    color: #333333;
    text-decoration: none;
}

.sc-title a:hover {
    text-decoration: underline;
}



@media screen and (min-width: 2560px) {
    .elementskit-navbar-nav > li {
        margin-right: -3px !important;
    }
}
