/*
Theme Name: Medical Store Pro
Description: Medical Store Pro WordPress Theme is the perfect choice for building Medical Store 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 Medical Store Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Medical Store 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: medical-store-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=Roboto: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: "Roboto", 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: "Roboto", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Roboto", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}

.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 99999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 4px 10px;
  animation: slideDown 0.75s ease-out;
  background-color: #DADADA;
  box-shadow: 0px 2px 6px #CCBABAF2;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}

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

/*=============== Pharmacy Start ===============*/

/*=============== Top Slider Start ===============*/

.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: #3DB3FF;
  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 "Roboto";
}

.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: #3DB3FF;
}
.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: #3DB3FF;
}
.top-slider-right-col button.slick-next::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #3DB3FF;
}
.top-slider-right-col ul li.slick-active button {
  background-color: #3DB3FF;
}
.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: #3DB3FF;
  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 "Roboto";
}
.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: #3DB3FF;
  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: #3DB3FF;
}
.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: #3DB3FF;
}
.services-content-row button.slick-next::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #3DB3FF;
}
.services-content-row ul li.slick-active button {
  background-color: #3DB3FF;
}
.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: #3DB3FF !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: #3DB3FF !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);
  /* background-color: #000000; */
}
#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 {
  /* width: 23%; */
  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: #3DB3FF;
}
#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: #3DB3FF;
}
#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: #3DB3FF;
}
.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: #3DB3FF;
}
.best-plan-content-row button.slick-next::after {
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 18px;
  color: #3DB3FF;
}
.best-plan-content-row ul li.slick-active button {
  background-color: #3DB3FF;
}
.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: #3DB3FF;
  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: #3DB3FF !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);
  /* background-color: #000000; */
}
#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: #3DB3FF !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: #3DB3FF !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: #3DB3FF !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: #3DB3FF;
}
.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: #3DB3FF;
}
.shop-by-brand-col1 .swiper-slide-inner:hover .elementor-image-carousel-caption {
  color: #3DB3FF;
}
.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: #3DB3FF;
  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: #3DB3FF;
  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;
  right: 0;
  top: 7%;
  width: 60%;
}
.blog-section-content .pp-posts-button {
  position: absolute;
  bottom: 13%;
  right: 33%;
}
.blog-section-content .new-custom-wrapper {
  clip-path: polygon( 25.685% 0%,25.685% 0%,25.848% 0.191%,26.032% 0.349%,26.232% 0.48%,26.444% 0.593%,26.663% 0.693%,26.886% 0.788%,27.106% 0.886%,27.321% 0.993%,27.526% 1.115%,27.716% 1.261%,27.716% 1.261%,28.49% 2.278%,29.238% 3.852%,29.964% 5.857%,30.67% 8.165%,31.36% 10.65%,32.036% 13.185%,32.703% 15.644%,33.363% 17.899%,34.019% 19.823%,34.675% 21.29%,34.675% 21.29%,34.863% 21.602%,35.08% 21.908%,35.324% 22.204%,35.59% 22.485%,35.875% 22.75%,36.177% 22.994%,36.492% 23.214%,36.816% 23.407%,37.146% 23.569%,37.479% 23.696%,96.764% 24.364%,96.764% 24.364%,97.25% 24.58%,97.682% 24.834%,98.066% 25.125%,98.409% 25.448%,98.718% 25.802%,99.001% 26.182%,99.263% 26.587%,99.513% 27.013%,99.756% 27.456%,100% 27.915%,100% 96.113%,100% 96.113%,99.733% 96.669%,99.453% 97.176%,99.157% 97.638%,98.838% 98.06%,98.494% 98.446%,98.12% 98.801%,97.711% 99.13%,97.263% 99.436%,96.772% 99.725%,96.233% 100%,3.767% 100%,3.767% 100%,3.228% 99.725%,2.737% 99.436%,2.289% 99.13%,1.88% 98.801%,1.506% 98.446%,1.162% 98.06%,0.843% 97.638%,0.547% 97.176%,0.267% 96.669%,0% 96.113%,0% 3.887%,0% 3.887%,0.267% 3.331%,0.547% 2.824%,0.843% 2.362%,1.162% 1.94%,1.506% 1.554%,1.88% 1.199%,2.289% 0.87%,2.737% 0.564%,3.228% 0.275%,3.767% 0%,25.685% 0% );
  background-color: #FFFFFF;
  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: #3DB3FF;
}
.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: #3DB3FF;
}
.blog-section-content .pp-carousel-item:hover .pp-post-date .pp-meta-text {
  background-color: #FFF;
  border-radius: 50px;
  padding: 11px 24px;
  color: #3DB3FF;
}
.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: #3DB3FF;
}
.blog-section-content .pp-carousel-item:hover .pp-button-icon {
  border: 1px solid #3DB3FF !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: #3DB3FF !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 {
    transform: scale(1.1);
  }
  .woocommerce-shop .shop-page-product-box:hover .product-content-box {
    background-color: #3DB3FF;
  }
  .woocommerce-shop .shop-page-product-box:hover .product-title a {
    color: #FFFFFF;
  }
  .woocommerce-shop .shop-page-product-box:hover .product-price .sale-price {
    color: #FFFFFF;
  }
  .woocommerce-shop .shop-page-product-box:hover .product-price .regular-price {
    color: #FFFFFF;
  }
  .woocommerce-shop .shop-page-product-box:hover .add-to-cart-btn a::before {
    background-color: #FFFFFF;
    color: #3DB3FF;
  }

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


.header-menu-col3 .elementor-icon:hover {
  background-color: #3DB3FF;
}
.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: #3DB3FF;
}
.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;
}


/*=============== 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: #3DB3FF;
  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: #000000;
}

/*========== 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: #3DB3FF;
  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 =============*/



.loader {
  width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 0 0 #0004;
  animation: l2 1.5s infinite linear;
  position: relative;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #0004;
  animation: inherit;
  animation-delay: -0.5s;
}
.loader:after {
  animation-delay: -1s;
}
@keyframes l2 {
    100% {box-shadow: 0 0 0 40px #0000}
}