/*********************************************  Coupon Special Widget Styles  ****************************************************/
/*************************************************  Styled by CodeKing18  ********************************************************/
.kpn-d-grid {
  display: grid;
}

.kpn-grid-col-lg-1 {
  grid-template-columns: repeat(1, 1fr);
}

.kpn-grid-col-lg-2 {
  grid-template-columns: repeat(2, 1fr);
}

.kpn-grid-col-lg-3 {
  grid-template-columns: repeat(3, 1fr);
}

.kpn-grid-col-lg-4 {
  grid-template-columns: repeat(4, 1fr);
}

.kpn-grid-col-lg-6 {
  grid-template-columns: repeat(6, 1fr);
}

.kpn-grid-col-lg-12 {
  grid-template-columns: repeat(12, 1fr);
}

@media screen and (min-width: 1024px) {
  .kpn-grid-x-3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1024px) {
  .kpn-grid-x-3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

@media screen and (min-width: 480px) and (max-width: 899px) {
  .kpn-grid-m-2 {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  .kpn-grid-s-1 {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}

a {
  text-decoration: none !important;
}

.swiper-button-disabled {
  color: #19bfd3 !important;
  opacity: unset !important;
}

/* Swiper navigations squares*/
/* if nav doesn't exist */
.squares:not(:has(.swiper-button-prev, .swiper-button-next)) .squares {
  display: none !important;
}

/* custom bootstrap style */
.w-90 {
  width: 90% !important;
}

.w-82-6 {
  width: 82%;
  max-width: 1000px;
}

.w-80 {
  width: 80% !important;
}

.w-75 {
  width: 75% !important;
}

.w-72 {
  width: 72% !important;
}

.w-70 {
  width: 70% !important;
}

.w-60 {
  width: 60% !important;
}

.w-40 {
  width: 40% !important;
}

.w-30 {
  width: 30% !important;
}

.w-20 {
  width: 20% !important;
}

.w-10 {
  width: 10% !important;
}

.w-unset {
  width: unset !important;
}

/* query */
@media (max-width: 1600px) {
  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-40 {
    width: 40% !important;
  }

  .w-lg-unset {
    width: unset !important;
  }
}

/* md */
@media (max-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }

  .w-md-90 {
    width: 90% !important;
  }

  .w-md-80 {
    width: 80% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-70 {
    width: 70% !important;
  }

  .w-md-60 {
    width: 60% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-45 {
    width: 45% !important;
  }

  .w-md-40 {
    width: 40% !important;
  }

  .w-md-30 {
    width: 30% !important;
  }

  .w-md-20 {
    width: 20% !important;
  }

  .w-md-10 {
    width: 10% !important;
  }

  .w-md-unset {
    width: unset !important;
  }
}

@media (max-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-90 {
    width: 90% !important;
  }

  .w-sm-80 {
    width: 80% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-70 {
    width: 70% !important;
  }

  .w-sm-60 {
    width: 60% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-45 {
    width: 45% !important;
  }

  .w-sm-40 {
    width: 40% !important;
  }

  .w-sm-20 {
    width: 20% !important;
  }

  .w-sm-10 {
    width: 10% !important;
  }

  .w-sm-unset {
    width: unset !important;
  }
}

/* ***************************************** Single blog widgets style start *******************************/
/* ******************************  qoutation widget style start ************************/
.ft-single-blog-sec-3.d-flex.ft-quotation-holder {
  border-radius: 14px;
  background: var(--Text-100);
  width: fit-content;
  height: max-content;
  flex-shrink: 0;
}

.ft-single-blog-text.mx-auto.my-5.my-md-0.ft-quotation-item.text-justify {
  display: flex;
  width: fit-content;
  height: max-content;
  flex-shrink: 0;
  color: var(--gray-500);
  text-align: justify;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  padding: 24px;
}

.ft-quotation-item-icons-pt {
  display: flex;
  width: 40px;
  position: absolute;
  left: 1.5%;
  top: -6%;
}

.ft-quotation-item.ft-quotation-item-icons-pt.down {
  display: flex;
  width: 79px;
  position: absolute;
  right: -20px;
  top: 90%;
  rotate: 180deg;
}

.ft-single-blog-quotation-icon-bottom.d-flex {
  align-items: end;
}

/* query */
@media screen and (max-width: 651px) {
  .ft-quotation-item-icons-pt {
    display: flex;
    width: 40px;
    position: absolute;
    left: 6.5%;
    top: 3%;
  }

  .ft-quotation-item.ft-quotation-item-icons-pt.down {
    display: flex;
    width: 79px;
    position: absolute;
    right: -9px;
    top: 90%;
    rotate: 180deg;
  }
}

/* ******************************  qoutation widget style End ************************/
/* ******************************  ordered list widget style Start ************************/
.number-wg-si-pt {
  border: 1px solid var(--text-200, #cbcbcb);
  border-radius: 7px;
  background: var(--Primary-100, #e54e63);
  padding-inline: 15px;
  width: fit-content;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  color: var(--white);
  border: unset;
}

.number-wg-si-pt a {
  color: var(--white);
}

.main-si-wg-pt {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ******************************  ordered list widget style End ************************/
/* ***************************************** Single blog widgets style End *******************************/
/* ****************************** Top-Nav widget style start ************************/
.bigDiv {
  margin: 0;
  position: relative;
  z-index: 2;
  /* Make sure the parent is positioned */
}

.bigDiv .top-bar {
  background-color: #e84a61;
  padding: 10px 0;
  direction: rtl;
}

.bigDiv .top-bar .swiper-container-TopNav::before,
.bigDiv .top-bar .swiper-container-TopNav::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200px;
  /* Adjust the width as needed */
  z-index: 10;
}

.bigDiv .top-bar .swiper-container-TopNav::before {
  left: 0;
  background: linear-gradient(
    to right,
    rgba(232, 74, 97, 1),
    rgba(232, 74, 97, 0)
  );
  width: 28%;
}

.bigDiv .top-bar .swiper-container-TopNav::after {
  right: 0;
  background: linear-gradient(
    to left,
    rgba(232, 74, 97, 1),
    rgba(232, 74, 97, 0)
  );
  width: 28%;
}

.bigDiv .top-bar .swiper-container-TopNav .swiper-wrapper .swiper-slide {
  flex: 0 0 auto;
  width: auto;
}

.bigDiv .top-bar .swiper-container-TopNav .swiper-wrapper {
  transition-timing-function: linear;
}

/* ****************************** Top-Nav widget style End ************************/
/******************************* "header" with ht-inline-mega-menu-widget style start *******************************/
/* header site logo start*/
.site-logo {
  display: none;
}

.site-logo-img {
  min-width: 70px;
  min-height: 30px;
}

/* header site logo End*/
/*~~~~~~~~~~~~~~~~~~~ ht inline-mega-menu start ~~~~~~~~~~~~~~~~~~*/
/* inline mega menu own style moved here Start*/
/* border on sub menu ul */
.htmega-megamenu {
  margin: 0;
}
ul.sub-menu.menu-odd.menu-depth-1 {
  border: 1px solid #e4e4e4;
}

.htmega-menu-container .tab-content ul {
  display: flex;
  margin: 0;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  align-items: start;
}

.htmega-menu-container ul li {
  display: inline-block;
  position: relative;
}

.htmega-menu-container ul li.htmega_mega_menu > ul.sub-menu {
  display: none !important;
}

.htmega-menu-container ul > li > a > i {
  line-height: 30px;
  margin-right: 5px;
}

.htmega-menu-container ul li ul.sub-menu,
.htmega-menu-container ul li ul.sub-menu li {
  display: block;
  width: 194px;
  min-width: 194px !important;
}

.htmega-menu-container ul li > ul.sub-menu li a i {
  line-height: 24px;
}

.htmenu-menu-tag {
  background: #f05b64 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 4px 5px;
  position: absolute;
  right: 15px;
  top: 8px;
}

.htmega-menu-container .sub-menu,
.htmega-menu-container .htmegamenu-content-wrapper {
  background-color: #ffffff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  margin-left: 0;
  left: 0;
  list-style: none;
  padding: 0;
  position: absolute;
  top: 98%;
  width: 250px;
  z-index: -999;
  visibility: hidden;
  opacity: 0;
  margin-top: 30px;
  transition: all 0.3s ease 0s;
}

/* sina's tez */

.htmega-menu-container .sub-menu {
  left: unset;
}

.htmega-menu-container .sub-menu li a {
  padding: 10px 20px;
  display: flex;
  transition: all 0.3s ease 0s;
}

.htmega-menu-container .sub-menu li:last-child a {
  border-bottom: 0;
}

.htmega-menu-container .sub-menu li .sub-menu {
  top: 0;
  left: 100%;
  right: auto;
}

.htmega-menu-container .sub-menu li .sub-menu li .sub-menu {
  left: auto;
  right: 100%;
}

.htmega-menu-container .sub-menu li .sub-menu li .sub-menu li .sub-menu {
  left: 100%;
  right: auto;
}

.htmega-menu-container
  .sub-menu
  li
  .sub-menu
  li
  .sub-menu
  li
  .sub-menu
  li
  .sub-menu {
  left: auto;
  right: 100%;
}

.htmega-menu-container
  .sub-menu
  li
  .sub-menu
  li
  .sub-menu
  li
  .sub-menu
  li
  .sub-menu
  li
  .sub-menu {
  left: 100%;
  right: auto;
}

.htmega-menu-container ul li .htmegamenu-content-wrapper li {
  display: block;
}

.htmega-menu-container ul li .htmegamenu-content-wrapper li a {
  display: block;
  line-height: inherit;
  padding: 0;
  color: inherit;
}

.htmegamenu-content-wrapper {
  text-align: left;
}

.image_full .attachment-full.size-full {
  width: 100%;
}

/* ul in subcat */
.htmega-menu-container ul li .htmegamenu-content-wrapper ul {
  padding: 16px;
  display: block;
}

/* li in subcat */
.htmega-menu-container ul li .htmegamenu-content-wrapper li {
  display: block;
  text-align: right;
  padding-bottom: 20px;
  margin-top: 7px;
}

.htmega-menu-container ul > li ul a {
  font-size: inherit;
}

/* Product Widgets */
.htmegamenu-content-wrapper .product_list_widget {
  margin: 0;
  padding: 0;
  list-style: none;
}

.htmegamenu-content-wrapper .product_list_widget li {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  padding: 20px 0 !important;
}

.htmegamenu-content-wrapper .product_list_widget li:last-child {
  border: medium none;
  padding-bottom: 0 !important;
}

.htmegamenu-content-wrapper .product_list_widget li:first-child {
  padding-top: 0 !important;
}

.htmegamenu-content-wrapper .product_list_widget li a img {
  float: left;
  margin-right: 10px;
  width: 100px;
}

/*Mobile Menu*/
.htmobile-navigation .mean-expand {
  display: none !important;
}

.htmobile-navigation {
  padding: 62px 30px 50px 40px;
}

.htmega-menu-container .htmobile-menu-wrap ul li.active .sub-menu,
.htmega-menu-container
  .htmobile-menu-wrap
  ul
  li.active
  .htmegamenu-content-wrapper {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.htmobile-menu-wrap {
  background-color: #fff;
  bottom: 0;
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  min-height: 100vh;
  opacity: 0;
  position: fixed;
  right: -330px;
  top: 0;
  transition: all 400ms ease-out 0s;
  visibility: hidden;
  width: 330px;
  z-index: 9999;
}
body:has(div#wpadminbar) .htmobile-menu-wrap {
  top: 38px;
}

.htmobile-menu-wrap .htmobile-aside-close {
  font-size: 18px;
  left: 25px;
  top: 25px;
  padding: 0;
  position: absolute;
  text-align: center;
  z-index: 9;
  cursor: pointer;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}

.htmobile-menu-wrap.inside {
  opacity: 1;
  right: 0;
  visibility: visible;
}

.htmobile-menu-wrap .menu-expand {
  cursor: pointer;
  height: 50px;
  right: 232px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: -5px;
  width: 30px;
  z-index: 99;
  display: NONE;
}

.htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li .sub-menu {
  background-color: transparent;
  border: 0 none;
  box-shadow: none;
  padding-left: 10px;
  position: static;
}

.htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li {
  display: block;
  position: relative;
  width: 100%;
}

.htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li.active a {
  color: #2f2f2f;
}

/* discount blue icon style */
img._mi._after._svg {
  display: none;
  transition: all 0.3s ease-in-out;
}

.kpn-menu-li-cls:hover img._mi._after._svg {
  display: inline-block;
}

/* debuging second li in ul */
/* .htmega-megamenu li:nth-child(1) {
  width: 143px !important;
  margin-left: -16px;
} */
/* menu item in mobile */
.htmobile-menu-wrap
  .htmobile-navigation
  .htmega-megamenu
  li
  a:not(:has(img._mi._after._svg)) {
  display: flex;
  justify-content: space-between;
  line-height: 18px;
  padding: 10px 0;
  position: relative;
  text-transform: capitalize;
  border: none;
  text-align: right;
}

/* if has custom icon after or before */
.htmobile-menu-wrap
  .htmobile-navigation
  .htmega-megamenu
  li
  a:has(img._mi._after._svg) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 18px;
  padding: 10px 0;
  position: relative;
  text-transform: capitalize;
  border: none;
  text-align: right;
}

.htmobile-menu-wrap
  .htmobile-navigation
  .htmega-megamenu
  li
  a:has(img._mi._after._svg)
  img {
  margin-left: auto;
}

.htmobile-menu-wrap .htmobile-navigation .htmega-megamenu li .sub-menu a {
  font-weight: normal;
}

.htmobile-menu-wrap .htmega-megamenu li.active .menu-expand i.fa-plus::before {
  content: "\f068";
}

.htbody-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.main-navigation .htmobile-menu-wrap ul li.menu-item-has-children.focus::before,
.main-navigation .htmobile-menu-wrap ul li.menu-item-has-children:hover::before,
.main-navigation .htmobile-menu-wrap ul li.menu-item-has-children.focus::after,
.main-navigation .htmobile-menu-wrap ul li.menu-item-has-children:hover::after,
.main-navigation .htmobile-menu-wrap ul li.page_item_has_children.focus::before,
.main-navigation .htmobile-menu-wrap ul li.page_item_has_children:hover::before,
.main-navigation .htmobile-menu-wrap ul li.page_item_has_children.focus::after,
.main-navigation .htmobile-menu-wrap ul li.page_item_has_children:hover::after {
  display: none;
}

.htmobile-menu-wrap .htmegamenu-content-wrapper,
.htmobile-menu-wrap .sub-menu {
  width: 100% !important;
}

.htmobile-aside-button {
  display: none !important;
}

.js .main-navigation ul.htmega-megamenu,
.main-navigation .htmega-megamenu .menu-item-has-children > a > .icon,
.main-navigation .htmega-megamenu .page_item_has_children > a > .icon,
.main-navigation ul.htmega-megamenu a > .icon {
  display: block;
}

.htmobile-menu-wrap .dropdown-toggle {
  display: none !important;
}

.htmobile-menu-wrap
  .htmegamenu-content-wrapper
  .elementor-widget-container
  ul.menu {
  display: block !important;
}

/* Verticle Mega Menu */
.htmega-verticle-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.htmega-verticle-menu > ul {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}

.htmega-verticle-menu ul > li {
  border-bottom: 1px solid #e5e5e5;
  transition: all 0.3s ease-in-out 0s;
  position: relative;
}

.htmega-verticle-menu ul > li > a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  padding: 15px 20px;
  text-transform: capitalize;
  line-height: 1;
}

.htmega-verticle-menu ul > li > a > i {
  margin-right: 5px;
}

.htmega-verticle-menu ul > li > a > span.htmenu-icon {
  float: right;
}

.htmega-verticle-menu .htmega_mega_menu ul.sub-menu {
  display: none;
}

.htmega-verticle-menu .htmegamenu-content-wrapper,
.htmega-verticle-menu .sub-menu {
  background: #ffffff none repeat scroll 0 0;
  border-top: 2px solid #0084c5;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  left: 100% !important;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  visibility: hidden;
  z-index: 999;
}

.htmega-verticle-menu .sub-menu {
  padding: 0;
  width: 250px;
}

.htmega-verticle-menu ul > li:hover .htmegamenu-content-wrapper,
.htmega-verticle-menu ul > li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

.htmega-verticle-menu .htmenu-menu-tag {
  left: 50%;
  right: auto;
  top: 10px;
}

.htmega-verticle-menu
  ul
  > li
  .htmegamenu-content-wrapper
  ul.product_list_widget
  a,
.htmega-verticle-menu
  ul
  > li
  .htmegamenu-content-wrapper
  .ht-product-action
  ul
  a {
  overflow: visible;
  padding: 0;
}

.htmega-verticle-menu
  ul
  > li
  .htmegamenu-content-wrapper
  .ht-product-action
  ul
  li {
  border: 0;
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .htmega-menu-area .htmega-megamenu {
    display: none !important;
  }

  .htmobile-aside-button {
    display: inline-block !important;
  }

  .htmegamenu-content-wrapper {
    left: 0 !important;
    width: 100% !important;
  }

  .htmobile-menu-wrap .elementor-column {
    display: block;
    width: 100% !important;
  }

  .htmega-menu-area {
    border: 1px solid #ddd;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 5px 10px;
    float: right;
    display: inline-block;
  }

  .htmega-verticle-menu .htmegamenu-content-wrapper,
  .htmega-verticle-menu .sub-menu {
    left: 0 !important;
    top: 45px;
    width: 100%;
  }
}

/* small mobile :320px. */
@media (max-width: 767px) {
  .htmegamenu-content-wrapper {
    left: 0 !important;
    width: 100% !important;
  }

  .htmega-menu-area .htmega-megamenu {
    display: none !important;
  }

  .htmobile-aside-button {
    display: block !important;
  }

  .htmega-menu-area {
    border: 1px solid #ddd;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 5px 10px;
    float: right;
    display: inline-block;
  }

  .htmega-verticle-menu .htmegamenu-content-wrapper,
  .htmega-verticle-menu .sub-menu {
    left: 0 !important;
    top: 45px;
    width: 100%;
  }

  /* Show icons only in mobile menu */
  .htmenu-icon {
    display: inline-block;
    /* Show the icons in mobile */
  }
}

/* my style */
/* inline mega menu own style moved here End */
/* admin widget style moved here Start */
/* Start Popup Loader */
.htmega-menu-loading-close {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.htmega-menu-loader {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
}

.htmegamenus-css {
  display: flex;
  justify-content: center;
}

.htmegamenus-ripple {
  position: relative;
}

@keyframes htmegamenus-ripple {
  0% {
    top: 96px;
    left: 96px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 18px;
    left: 18px;
    width: 156px;
    height: 156px;
    opacity: 0;
  }
}

.htmegamenus-ripple {
  position: relative;
}

.htmegamenus-ripple div {
  box-sizing: content-box;
  position: absolute;
  border-width: 4px;
  border-style: solid;
  opacity: 1;
  border-radius: 50%;
  -webkit-animation: htmegamenus-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation: htmegamenus-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.htmegamenus-ripple div:nth-child(1) {
  border-color: #ea2958;
}

.htmegamenus-ripple div:nth-child(2) {
  border-color: #ea2958;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.htmegamenus-ripple {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}

/* End Popup Loader */
.spinner.loading {
  visibility: visible;
}

.htmega-menu-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 2px 5px;
  background: #ea2958;
  color: #fff;
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
  visibility: hidden;
  vertical-align: middle;
  margin: -4px -25px 0 5px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

.htmega-menu-trigger .dashicons {
  float: left;
  font-size: 12px;
  line-height: 16px;
  width: 16px;
  height: 16px;
}

.htmega-menu-trigger:hover {
  background: #ea2958;
}

.menu-item:hover .htmega-menu-trigger {
  opacity: 1;
  visibility: visible;
}

.htmega-menu-popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
}

.htmega-menu-popup.htmega-hide {
  opacity: 0;
  visibility: hidden;
}

.htmega-menu-popup-close {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.htmega-menu-popup-content {
  position: relative;
  z-index: 9;
  width: 100%;
  max-width: 510px;
  border-radius: 4px;
  background-color: #ffffff;
}

.htmega-menu-popup-content label {
  display: inline-block;
}

.htmega-menu-popup-content select {
  width: 100%;
  max-width: 350px;
  border: 1px solid #ccc;
  border-radius: 0;
}

.htmega-menu-popup-content select:focus,
ul.htmega-menu-popup-tab-menu li a:focus,
.htmega-menu-popup-content input:focus {
  box-shadow: none;
}

.htmega-menu-popup-content input {
  border: 1px solid #ccc;
}

.htmega-menu-popup-content input[type="text"] {
  width: 350px;
}

.htmega-menu-save-btn-area {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 20px;
}

.htmega-menu-popup-close-btn {
  position: absolute;
  right: -8px;
  top: -8px;
  background: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 100%;
  font-size: 10px;
  cursor: pointer;
  transition: 0.4s;
  box-shadow: 0 3px 5px rgb(0 0 0 / 25%);
}

.htmega-menu-popup-close-btn:hover {
  color: #fff;
  background-color: #ea2958;
}

/* Popup Tab */
.htmega-menu-popup-tab-content {
  padding: 15px;
  margin-bottom: 15px;
}

.htmega-menu-popup-tab-content .htmega-menu-popup-tab-pane {
  display: none;
}

.htmega-menu-popup-tab-content .htmega-menu-popup-tab-pane.active {
  display: block;
}

ul.htmega-menu-popup-tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
  list-style: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ul.htmega-menu-popup-tab-menu li {
  margin: 0;
}

ul.htmega-menu-popup-tab-menu li a {
  display: inline-block;
  padding: 10px 15px;
  text-decoration: none;
  color: #222222;
  font-size: 14px;
  transition: 0.4s;
  border-bottom: 2px solid transparent;
}

ul.htmega-menu-popup-tab-menu li a.active {
  border-bottom: 2px solid #ea2958;
}

.htmega-menu-popup-tab-pane ul li {
  margin: 15px 0 0 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.htmega-menu-popup-tab-pane ul li:last-child {
  border: none;
  padding: 0;
}

.htmega-menu-popup-tab-pane ul li .icons-selector + .htmega-menu-icon {
  display: none !important;
}

/* small mobile :320px. */
@media (max-width: 767px) {
  .htmega-menu-popup-content input[type="text"] {
    width: auto;
  }

  .htmega-menu-popup-content select {
    max-width: auto;
  }
}

/* admin widget style moved here End*/
/* discount code hover start */
.htmega-menu-container .sub-menu li .sub-menu {
  top: 0;
  right: 101% !important;
  right: auto;
}

.htmegamenu-content-wrapper.sub-menu {
  height: 0%;
}

.elementor-936
  .elementor-element.elementor-element-ea6e983
  .htmega-menu-area
  .htmegamenu-content-wrapper {
  min-width: unset !important;
}

.htmega-menu-area {
  border: unset !important;
  font-size: 20px;
  margin-bottom: 10px;
  padding: 5px 10px;
  float: right;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.htmega-menu-area .htmobile-aside-button {
  display: none !important;
}

.htmega-menu-logo {
  display: block;
}

/* responsive tablet start*/
@media (max-width: 991px) {
  .htmega-menu-area .htmobile-aside-button {
    color: #888;
    background: #f4f4f4;
    width: 26px;
    height: 26px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 4px;
    float: left;
  }

  .htmega-menu-area .htmobile-aside-button i {
    display: flex;
  }

  .elementor-936 .elementor-element.elementor-element-4e67f65 {
    display: none;
  }

  .elementor-element.elementor-element-694453d.elementor-widget__width-initial.elementor-widget.elementor-widget-theme-site-logo.elementor-widget-image {
    display: none;
  }

  .elementor-936 .elementor-element.elementor-element-076feac {
    --width: 100% !important;
  }

  .site-logo {
    display: block;
  }
  /* login-button hide */
  .elementor-element.elementor-element-572665d.e-con-full.e-flex.e-con.e-child {
    display: none;
  }
  /* site logo hide*/
  .elementor-element.elementor-element-15e15e01.e-con-full.e-flex.e-con.e-child {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor .elementor-hidden-tablet {
    display: block;
  }
  .elementor-element.elementor-element-572665d.e-con-full.elementor-hidden-mobile.e-flex.e-con.e-child {
    display: none !important;
  }
  .elementor-257 .elementor-element.elementor-element-777d42f1 {
    margin-right: unset;
  }
  .elementor-257 .elementor-element.elementor-element-3949848b {
    padding: 0 50px;
  }
}

@media (max-width: 768px) {
  .htmega-menu-logo {
    display: none;
  }

  .htmobile-aside-button ~ .htmega-menu-logo {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .htmobile-aside-button {
    display: block !important;
  }

  /* discount menu */
  .htmega-megamenu li:nth-child(1) {
    width: 100% !important;
  }

  .kpn-menu-li-cls:hover img._mi._after._svg {
    display: unset !important;
  }
}

/* close button when show on automaticlly*/
.htmobile-menu-wrap .htmobile-aside-close {
  color: #fff;
  display: block;
  font-size: 18px;
  width: 26px;
  height: 26px;
  left: 28px;
  top: 25px;
  line-height: 40px;
  padding: 0;
  position: absolute;
  text-align: center;
  z-index: 9;
  cursor: pointer;
  rotate: 45deg;
  border-radius: 4px;
  background: #f4f4f4;
}

.htmobile-menu-wrap a.htmobile-aside-close i {
  display: flex;
  color: #888;
  justify-content: center;
}

/* responsive tablet End*/
/* mobile menu start */
.htmega-menu-container .htmobile-navigation {
  overflow: scroll;
}

.htmega-menu-container .htmobile-navigation ul.htmega-megamenu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: start;
  list-style: none;
  margin: 0;
}

/* query  htmega-menu*/
@media screen and (max-width: 992px) {
  .htmega-menu-container .htmobile-navigation ul.htmega-megamenu {
    flex-direction: column-reverse;
    gap: 15px;
    padding: 25px 0 0 0;
  }

  /* li in tab-content */
  .htmega-menu-container ul li .htmegamenu-content-wrapper li {
    margin-top: -3px;
  }

  .htmega-menu-container ul li .htmegamenu-content-wrapper ul {
    padding-bottom: unset;
  }
}

/* mobile menu End */
/* ht inline-mega-menu End*/
/******************************* header with ht-inline-mega-menu style End *********************************/
/* ****************************** mega menu widget (in header hover exist) style start ************************/
/****  mobile styles start ****/
/* tabs */
.tabs-container {
  width: 100%;
  border-radius: 0 16px 16px 0;
  background-color: #fff;
  display: block !important;
  height: auto;
  min-height: 256px;
  overflow: visible;
  background: #fff;
  padding: 16px;
}

.tab-mm {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: calc(16px / 2);
  align-items: center;
  width: 100%;
}

.tab-mm:not(:first-child) {
  margin-top: calc(18px / 2);
}

.tab-mm.active + .tab-content-mm {
  display: block;
  transition: all 0.3s ease-in-out;
}

/* menu */
.kpn-menu-li-cls.active img._mi._after._svg {
  display: inline-block !important;
}

/* my widget */
.tab-mm .chevron-icon-mm {
  transform: rotate(-90deg) !important;
}

.tab-mm.active .chevron-icon-mm {
  transform: rotate(0deg) !important;
}

/* svg */
.cat-img {
  width: 15px;
  margin-left: 5px;
}

/* Hide / Show tab's content  */
/* tab-content */
.tab-content-mm {
  display: none;
  max-height: 100%;
  min-width: 194px !important;
  background: #fff;
}

/****  mobile styles End ****/
/***** Styling for desktop Start *****/
@media (min-width: 992px) {
  /* Tabs */
  .tabs-container {
    width: 194px;
    border-radius: 0 16px 16px 0;
    border: 1px solid #e4e4e4;
    display: block;
    height: auto;
    min-height: 256px;
    overflow: visible;
    background: #fff;
    padding: 16px;
    position: absolute;
  }

  /* tab-content */
  .tab-content-mm {
    min-width: 194px !important;
    position: absolute;
    top: 0;
    right: 100%;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 16px 0 0 16px;
    min-height: 256px;
    height: 100%;
    overflow-y: auto;
  }

  /* tab */
  .tab-mm {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: calc(16px / 2);
    align-items: center;
    width: unset;
  }

  /* chevron icon*/
  .chevron-icon-mm {
    transform: unset;
  }
}

/***** Styling for desktop End *****/
.parent-rabs {
  gap: 20px;
}

/* position of widget */
#navbarNav .d-flex.justify-content-between.w-100 {
  left: -68%;
  position: absolute;
}

.parent-rabs .dropdown-menu {
  width: 194px;
  border-radius: 0 16px 16px 0;
  background-color: #fff;
  display: block !important;
  padding: unset;
  height: auto;
  overflow: visible;
}

.parent-rabs .mega-menu-column {
  flex: 1;
  padding: 10px 20px;
}

.parent-rabs .mega-menu-column a {
  display: block;
  margin-bottom: 10px;
  color: #000;
  text-decoration: none;
}

.parent-rabs .mega-menu-column a:hover {
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

.parent-rabs .nav-item .dropdown-toggle::after {
  display: none;
}

.parent-rabs .nav-item.dropdown {
  position: relative;
}

.parent-rabs .nested-dropdown-menu {
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  display: none;
  border-radius: 10px;
  background-color: #fff;
  height: -webkit-fill-available;
  border: 1px solid #e4e4e4;
}

.parent-rabs .dropdown-item.dropdown-toggle:hover + .nested-dropdown-menu {
  display: block;
  transition: all 0.3s ease-in-out;
}

.parent-rabs .dropdown-item.dropdown-toggle:hover {
  background-color: #f8f9fa;
}

.parent-rabs .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  transition: all 0.3s ease-in-out;
}

.parent-rabs .under-category {
  list-style: none;
  padding: 0;
}

/* padding of li in mega menu */
.parent-rabs .under-category li a {
  color: #414141;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
}

.parent-rabs .tab-pane ul > li:hover > a {
  color: #e54e63 !important;
}

.parent-rabs .under-category:empty {
  display: none !important;
}

.parent-rabs .nav-pills {
  gap: 15px;
}

.parent-rabs .tab-pane {
  height: auto;
  min-height: 253px;
  min-width: 196px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 16px 0px 0px 16px;
  background: #fff;
  transition: all 0.3s ease-in-out;
}

.parent-rabs .tab-pane:empty {
  display: none !important;
}

/* active tabs-container */
.tabs-container.active {
  color: red !important;
}

.parent-rabs .tabs-container:hover {
  color: #2f2f2f;
}

/* cat name style */
.parent-rabs .tabs-container .cat-name-mm {
  color: #414141;
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  transition: all 0.3s ease-in-out;
  margin-left: auto;
}

.parent-rabs .tabs-container .cat-name-mm .cat-name-text-mm {
  min-width: 94px;
}

.parent-rabs .tabs-container i {
  color: #888;
}

.parent-rabs .tab-content {
  position: absolute;
  top: 0px !important;
  right: 99.5% !important;
  height: 100% !important;
}

/* query */
@media screen and (max-width: 991px) {
  .parent-rabs .tab-content {
    position: absolute;
    top: 194px !important;
    right: 5.5% !important;
    height: 100% !important;
  }
}

.parent-rabs .tab-pane.show {
  display: block;
  transition: all 0.3s ease-in-out;
}

.parent-rabs .nav-pills .tabs-container.active,
.parent-rabs .nav-pills .show > .tabs-container {
  background-color: unset !important;
}

.parent-rabs .nav-pills .tabs-container.active:hover .tab-content {
  transition: all 0.3s ease-in-out;
  display: block !important;
}

/* if default */
.parent-rabs .cat-img {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}

.parent-rabs .cat-img svg {
  transition: all 0.3s ease-in-out;
  width: 24px;
  height: 24px;
}

.parent-rabs .cat-img svg path {
  transition: all 0.3s ease-in-out;
}

.parent-rabs .cat-img:hover svg {
  transition: all 0.3s ease-in-out;
}

/* if user uploaded */
.parent-rabs .cat-img img {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
}

.parent-rabs .navbar {
  height: 80px;
  /* border-bottom: 1px solid  #e4e4e4); */
}

/* ht mega menu style End */
/******************************* mega menu widget (in header hover exist) style End ************************/
/* Login button and add to cart start*/
.login-add {
  min-width: 232px;
  gap: 10px;
}

/* in mobile */
.htmega-megamenu .login-add {
  order: -1;
  margin-top: 24px;
  gap: 15px;
}

/****** add to cart icon ******/
.login-add .add-to-cart {
  position: relative;
}

/* in mobile */
.login-add .add-to-cart.mobile-bg {
  background: #eee;
  padding: 12px;
  border-radius: 12px;
}

.login-add .add-to-cart svg {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}

/* red circle on icon */
.cart-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 8px;
  height: 8px;
  background-color: #19bfd3;
  border-radius: 50%;
  content: "";
  display: block;
}

/* in mobile */
.mobile-bg .cart-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 6px;
  height: 6px;
  background-color: #19bfd3;
  border-radius: 50%;
  content: "";
  display: block;
}

/* hover */
.login-add .add-to-cart svg:hover {
  transform: rotate(-10deg) scale(1.1);
}

/* seprator */
.login-add .seprator {
  width: 1px;
  height: 41px;
  background: #e4e4e4;
  padding: 0 1px;
}

/***** login button *****/
.login-add .login-button {
  background: #eee;
  height: 49px;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  perspective: 1000px;
  position: relative;
  width: max-content;
  padding: 0 15px;
}

/* hover */
/* .login-add .login-button:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
} */
.login-add .login-button.active {
  transition: none;
}

/* user icon */
.login-add .login-button .login-icon {
  width: 24px;
}

/* title */
.login-add .login-button .login-text {
  width: max-content;
}

.login-add .login-button .login-text .btn_title_LB {
  width: max-content;
}

.login-add .login-button .login-text .btn-title {
  font-size: 14px;
}

/* Login button and add to cart End*/
/* ****************************** main-Categories-widget style Start ********************** */
.Category .Category-swiper-section .swiper-m-cat .swiper-wrapper {
  overflow: visible;
  gap: 10px !important;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide:first-child
  .Cat-circle {
  display: none !important;
}

.Category .Category-swiper-section .swiper-m-cat .swiper-wrapper .swiper-slide {
  z-index: 1;
  overflow: visible;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide
  .Cat-card {
  height: 120px;
  background: #f4f4f4;
  padding: 10px;
  border: unset !important;
  z-index: 2;
  gap: 10px;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide
  .Cat-card
  .img-bigger {
  width: 50px;
  height: 50px;
  top: -3%;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide
  .Cat-card
  .img-bigger
  img {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  top: 18%;
  left: 20%;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide
  .Cat-card
  .Cat-circle {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 50%;
  right: -28px;
  top: 30%;
  z-index: 3;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide
  .Cat-card
  .Cat-circle
  .baby-circle {
  transition: all 0.3s ease-in-out;
  width: 36px;
  height: 36px;
  left: 13%;
  top: 13%;
  border-radius: 50%;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide
  .Cat-card:hover
  .Cat-circle
  .baby-circle {
  transition: all 0.3s ease-in-out;
}

.Category
  .Category-swiper-section
  .swiper-m-cat
  .swiper-wrapper
  .swiper-slide
  .Cat-card:hover
  .Cat-circle
  .baby-circle
  svg
  path {
  transition: all 0.3s ease-in-out;
}

/* media queries for Bootstrap responsive breakpoints */
@media (min-width: 1359px) {
  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide {
    width: 16% !important;
  }
}

@media (min-width: 1023px) {
  .htmega-menu-area {
    justify-content: flex-end;
  }
}

@media (max-width: 1025px) {
  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide {
    width: 242px !important;
  }
}

@media (max-width: 901px) {
  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide {
    width: 137px !important;
  }
}

@media (max-width: 651px) {
  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide {
    width: 150px !important;
  }
}

@media only screen and (max-width: 481px) {
  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide {
    width: 147px !important;
  }
  /* circle dis none */

  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide:nth-child(8n)
    .Cat-circle {
    display: none !important;
  }
}

@media only screen and (max-width: 361px) {
  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide {
    width: 131px !important;
  }
  /* circle dis block */

  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide:nth-child(8n)
    .Cat-circle {
    display: block !important;
  }
  /* circle dis none */
  .Category
    .Category-swiper-section
    .swiper-m-cat
    .swiper-wrapper
    .swiper-slide:nth-child(7n)
    .Cat-circle {
    display: none !important;
  }
}
/* media queries for Bootstrap responsive breakpoints */
/* ****************************** main-Categories-widget style End ********************** */
/* ****************************** main-favorites-widget style start ************************/
/* header_m_f part  Start*/
.Favorites .header_m_f .text-title {
  /* min-width: 112px !important; */
}

/* dotted start */
.Favorites .header_m_f .dotted-line-dad .dotted-line {
  border-bottom: 2px dashed;
}

/* dotted End */
/* viewAll start*/
.Favorites .header_m_f .viewAll-section .add_link_dad .add_link a {
  margin-right: -24%;
}

.Favorites .header_m_f .viewAll-section .add_link_dad .add_link span {
  min-width: 93px;
}

.Favorites
  .header_m_f
  .viewAll-section
  .add_link_dad
  .add_link
  .bi-chevron-left {
  font-size: 13px;
  margin-left: -25%;
}

/* viewAll End*/
/* header_m_f part End*/
/************************************* favorite new own style Start ***************************/
.Favorites .favorites-copon-card {
  width: 100%;
  height: 102px;
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.Favorites .favorites-copon-card:hover .discount-button {
  color: white;
  background-color: #e54e63;
  transition: all 0.3s ease-in-out;
  box-shadow: unset !important;
}

.Favorites .favorites-copon-card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: unset !important;
  flex: 1 1 auto;
}

/* title and rate part */
.d-flex.flex-column.align-items-start {
  width: initial;
}

.Favorites .favorites-copon-card-title {
  color: #2f2f2f;
  text-align: right;
}

.Favorites .favorites-copon-card-text {
  text-align: right;
  width: 45px;
  display: flex;
  justify-content: space-between;
}

/* Star Icon */
.Favorites .favorites-copon-card-text svg {
  width: 17px;
  height: 17px;
}

.Favorites .favorites-copon-card-body .middle_dot_dad {
  height: 102%;
}

.Favorites .img-fluid {
  width: 70px;
  height: 70px;
  border-radius: 12px;
  background: #f4f4f4 !important;
}

.Favorites .discount-button {
  width: 85%;
  height: 42px;
  border-radius: 12px;
  color: #888;
  background-color: #f4f4f4;
  align-content: center;
  line-height: 32px;
  transition: all 0.3s ease-in-out;
}

.Favorites .middle_dot {
  width: 2.3878px;
  height: 100%;
  background: repeating-linear-gradient(
    to bottom,
    #e4e4e4,
    #e4e4e4 5px,
    transparent 0px,
    transparent 15px
  );
  background-size: 61px 8px;
}

.Favorites .half-circle-t {
  width: 20px;
  height: 15px;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 0 0 20px 20px;
  position: relative;
  border-top: none;
  z-index: 3;
}

.Favorites .half-circle-d {
  width: 20px;
  height: 15px;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 20px 20px 0 0;
  position: relative;
  border-bottom: none;
  z-index: 3;
}

/* media query */
@media screen and (min-width: 1360px) {
  .img-fluid.mb-2.w-25.w-sm-0 {
    width: 40% !important;
  }
}

/* ****************************** main-favorites-widget style End ********************** */
/* ****************************** Special-offer-widget style start ************************/
/* header_m_so part  Start*/
.Special-offer .header_m_so .text-title {
  font-size: 16px;
  /* min-width: 144px !important; */
}

/* dotted start */
.Special-offer .header_m_so .dotted-line-dad .dotted-line {
  border-bottom: 2px dashed;
}

/* dotted End */
/* squres start*/
.Special-offer .header_m_so .squares .square-2 {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -15%;
  rotate: 180deg;
  background-color: white;
}

.Special-offer .header_m_so .squares .square {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -23%;
  rotate: 180deg;
  background-color: white;
}

.Special-offer .swiper-button-next,
.Special-offer .swiper-rtl .swiper-button-prev {
  right: 5px !important;
  left: auto;
}

.Special-offer .swiper-button-prev,
.Special-offer .swiper-rtl .swiper-button-next {
  left: 5px !important;
  right: auto;
}

.Special-offer .header_m_so .squares .square .swiper-button-next::after {
  font-size: 12px !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: 12px !important;
}

/* squres end*/
/* viewAll start*/
.Special-offer .header_m_so .viewAll-section .add_link_dad .add_link a {
  margin-right: -24%;
}

.Special-offer .header_m_so .viewAll-section .add_link_dad .add_link span {
  min-width: 93px;
}

.Special-offer
  .header_m_so
  .viewAll-section
  .add_link_dad
  .add_link
  .bi-chevron-left {
  font-size: 13px;
  margin-left: -25%;
}

/* viewAll End*/
/* header_m_so part End*/
.Special-offer #Special-offer-widget .So-copon-swiper-container {
  overflow: hidden;
  height: 100%;
  width: 100.7%;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper {
  height: 381px;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide {
  font-size: 18px;
  background: #fff;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card {
  transition: all 0.3s ease-in-out;
  margin-bottom: 24px;
  height: 339px;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .img-style
  .card-img-top {
  width: 274px;
  height: 153px;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .img-style {
  border-radius: 12px;
  padding: 10px;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .img-style
  img {
  width: 274px;
  height: 153px;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .img-style
  .circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: 78%;
  left: 11%;
  background-color: white;
  color: #000;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .img-style
  .circle
  .baby-circle {
  font-size: 13px;
  width: 41px;
  height: 40px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  background-color: #e54e63;
  padding: 6px;
  gap: 10px;
  transform: translate(-50%, -50%);
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .So-copon-card-body
  .So-copon-card-title {
  padding-bottom: 4%;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .So-copon-card-body
  .card-text
  .rating {
  display: inline-block;
  margin-left: -8px;
  max-width: 56px;
}

/* Star Icon */
.Special-offer #Special-offer-widget .So-copon-card .starIcon_m_so svg {
  width: 17px;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .So-copon-card-body
  .card-text
  #distance {
  font-size: large;
  color: #e1e1e1;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .So-copon-card-body
  .card-text
  .purchases {
  margin-right: 0%;
  display: inline-block;
  margin: 5px;
}

.Special-offer
  #Special-offer-widget
  .So-copon-swiper-container
  .swiper-wrapper
  .So-copon-swiper-slide
  .So-copon-card
  .So-copon-card-body
  .discount-button {
  padding: 10px !important;
  border-radius: 12px;
  margin-top: 13px;
  margin: 10px 0;
  transition: all 0.3s ease-in-out;
}

/* ****************************** Special-offer-widget style End ********************** */
/* ****************************** Second-Special-offer-widget style start ************************/
/* header_m_s_so part  Start*/
.Second-Special-offer .header_m_s_so .text-title {
  font-size: 16px;
  /* min-width: 141px !important; */
}

/* dotted start */
.Second-Special-offer .header_m_s_so .dotted-line-dad .dotted-line {
  border-bottom: 2px dashed;
}

/* dotted End */
/* squres start*/
.Second-Special-offer .header_m_s_so .squares .square-2 {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -15%;
  rotate: 180deg;
  background-color: white;
}

.Second-Special-offer .header_m_s_so .squares .square {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -23%;
  rotate: 180deg;
  background-color: white;
}

.Second-Special-offer .swiper-button-next,
.Second-Special-offer .swiper-rtl .swiper-button-prev {
  right: 5px !important;
  left: auto;
}

.Second-Special-offer .swiper-button-prev,
.Second-Special-offer .swiper-rtl .swiper-button-next {
  left: 5px !important;
  right: auto;
}

.Second-Special-offer
  .header_m_s_so
  .squares
  .square
  .swiper-button-next::after {
  font-size: 12px !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: 12px !important;
}

/* squres end*/
/* viewAll start*/
.Second-Special-offer
  .header_m_s_so
  .viewAll-section
  .add_link_dad
  .add_link
  a {
  margin-right: -24%;
}

.Second-Special-offer
  .header_m_s_so
  .viewAll-section
  .add_link_dad
  .add_link
  span {
  min-width: 93px;
}

.Second-Special-offer
  .header_m_s_so
  .viewAll-section
  .add_link_dad
  .add_link
  .bi-chevron-left {
  font-size: 13px;
  margin-left: -25%;
}

/* viewAll End*/
/* header_m_s_so part End*/
/************************************* Second-Special-offer new own style Start ***************************/
.Second-Special-offer .swiper-S-so .swiper-wrapper {
  height: 316px;
}

.Second-Special-offer
  .swiper-S-so
  .swiper-wrapper
  .swiper-slide
  .S-so-card-dad {
  width: 246px;
}

.Second-Special-offer
  .swiper-S-so
  .swiper-wrapper
  .swiper-slide
  .S-so-card-dad
  .S-so-top-card {
  height: 110px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}

.Second-Special-offer
  .swiper-S-so
  .swiper-wrapper
  .swiper-slide
  .S-so-card-dad
  .S-so-top-card
  .img-bigger
  .img {
  width: 70px;
  height: 70px;
}

.Second-Special-offer
  .swiper-S-so
  .swiper-wrapper
  .swiper-slide
  .S-so-card-dad
  .S-so-top-card
  .top-card-text
  .S-so-card-title
  a {
  color: #2f2f2f;
  font-size: 16px;
  font-weight: 600;
}

.Second-Special-offer
  .swiper-S-so
  .swiper-wrapper
  .swiper-slide
  .S-so-card-dad
  .S-so-top-card
  .top-card-text
  .S-so-card-rate-star
  .bi-star-fill {
  color: #fbf108;
}

/* org rate */
.S-so-card-rate {
  color: var(--Text-500);
  text-align: right;
  font-size: 14px;
  font-weight: 600;
}

.Second-Special-offer
  .swiper-S-so
  .swiper-wrapper
  .swiper-slide
  .S-so-card-dad
  .S-so-top-card
  .top-card-text
  .S-so-card-rate-star
  .FromFive {
  color: rgba(213, 213, 213, 1);
}

.Second-Special-offer .S-so-card {
  width: 246px;
  height: 167px;
  border-radius: 16px;
  margin-bottom: 20px;
  min-width: 0;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 16px;
  margin-top: -7%;
}

.Second-Special-offer .S-so-card:hover .discount-button {
  transition: all 0.3s ease-in-out;
}

.Second-Special-offer .S-so-card .S-so-card-body {
  padding: unset !important;
  flex: 1 1 auto;
}

.Second-Special-offer .S-so-card .S-so-card-body .S-so-time {
  color: #e54e63;
  font-size: 14px;
}

.Second-Special-offer .S-so-card .S-so-card-body .S-so-time .Dis {
  gap: 11px;
}

.Second-Special-offer .S-so-card .S-so-card-body .S-so-time .Dis .TagIcon {
  margin-top: -4.8%;
  width: 11%;
}

.Second-Special-offer .S-so-card .S-so-card-body .S-so-time .pipe {
  background: #d5d5d5;
  width: 2px;
  height: 60%;
}

.Second-Special-offer
  .S-so-card
  .S-so-card-body
  .S-so-time
  .timer-bigger
  .ClockIcon {
  width: 11%;
  margin-top: -4.8%;
  margin-right: -26%;
  align-items: baseline;
}

/* else condition  styles*/
.Second-Special-offer
  .S-so-card
  .S-so-card-body
  .S-so-time
  .Dis-alone
  .discount-alone {
  margin-left: -9%;
  margin-right: -12%;
}

.Second-Special-offer
  .S-so-card
  .S-so-card-body
  .S-so-time
  .Dis-alone
  .TagIcon-alone {
  margin-top: -1.8%;
}

/* middle dot dad start */
.Second-Special-offer
  .S-so-card
  .S-so-card-body
  .middle_dot_dad
  .half-circle-t {
  width: 14px;
  height: 28px;
  background: #fff;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 50px 0px 0px 50px;
  border-right: none;
  z-index: 10;
  right: -1.5px;
}

.Second-Special-offer .S-so-card .S-so-card-body .middle_dot_dad .middle_dot {
  height: 2.3878px;
  width: 98%;
  background: repeating-linear-gradient(
    to right,
    #eee,
    #eee 5px,
    transparent 0px,
    transparent 12px
  );
  background-size: 61px 8px;
}

.Second-Special-offer
  .S-so-card
  .S-so-card-body
  .middle_dot_dad
  .half-circle-d {
  width: 14px;
  height: 28px;
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 0px 50px 50px 0px;
  z-index: 3;
  right: 232.5px;
  border-left: none;
}

.Second-Special-offer
  .S-so-card
  .S-so-card-body
  .bigger-d-btn
  .discount-button {
  width: 85%;
  height: 42px;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

/* Second Special offer widget own style End */
/* ****************************** Second-Special-offer-widget style End ********************** */
/* ****************************** Why-coupon-widget style Start ********************** */
.WhyCoupon .Cat-card {
  width: 190px;
  height: 190px;
  background: #f4f4f4;
  border: unset !important;
}

.WhyCoupon .Cat-card:last-child .Cat-circle {
  display: none;
}

/* img */
.image-container {
  margin-left: -5.5%;
  z-index: 1;
  margin-bottom: 2%;
  width: 378px;
}

.image-container-big {
  margin-left: -2.5%;
  z-index: 1;
  margin-bottom: 2%;
  width: 430px;
}

.WhyCoupon .Cat-card .img-bigger {
  width: 50px;
  height: 50px;
  top: -3%;
}

.WhyCoupon .Cat-card .img-bigger img {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  top: 18%;
  left: 20%;
}

.WhyCoupon .Cat-card .Cat-card-body .Cat-card-title {
  font-size: 14px;
  font-weight: 700;
  font-size: 14px;
}

.WhyCoupon .Cat-card .Cat-circle {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 50%;
  left: -35px;
  top: 35%;
  z-index: 10;
}

.WhyCoupon .Cat-card .Cat-circle .baby-circle {
  transition: all 0.3s ease-in-out;
  width: 36px;
  height: 36px;
  left: 13%;
  top: 13%;
  border-radius: 50%;
}

.WhyCoupon .Cat-card:hover .Cat-circle .baby-circle {
  transition: all 0.3s ease-in-out;
}

.WhyCoupon .Cat-card:hover .Cat-circle .baby-circle svg path {
  transition: all 0.3s ease-in-out;
}

@media (max-width: 769px) {
  .WhyCoupon .Cat-card .Cat-circle {
    right: 95% !important;
    top: 37% !important;
  }
}

@media screen and (max-width: 575px) {
  .kpn-nav-mobile-d-none {
    display: none !important;
  }

  .WhyCoupon .Cat-card .Cat-circle {
    right: 95% !important;
    top: 37% !important;
  }

  .WhyCoupon .Cat-card:nth-child(4) .Cat-circle,
  .WhyCoupon .Cat-card:nth-child(6) .Cat-circle {
    display: none !important;
  }
}

@media screen and (max-width: 361px) {
  .WhyCoupon .Cat-card .Cat-circle {
    right: 90% !important;
    top: 37% !important;
  }

  .WhyCoupon .Cat-card:nth-child(4) .Cat-circle,
  .WhyCoupon .Cat-card:nth-child(6) .Cat-circle {
    display: none !important;
  }
}

/* media queries for Bootstrap responsive breakpoints */
/* ****************************** Why-coupon-widget style End ********************** */
/* ****************************** main-newest-coupon-sellers-widget style start********************** */
/* header_m_ncs part  Start*/
.NewestCS .header_m_ncs .text-title {
  font-size: 16px;
}

/* dotted start */
.NewestCS .header_m_ncs .dotted-line-dad .dotted-line {
  border-bottom: 2px dashed;
}

/* dotted End */
/* viewAll start*/
.NewestCS .header_m_ncs .viewAll-section .add_link_dad .add_link {
  margin-right: -24%;
}

.NewestCS .header_m_ncs .viewAll-section .add_link_dad .add_link span {
  min-width: 93px;
}

.NewestCS
  .header_m_ncs
  .viewAll-section
  .add_link_dad
  .add_link
  .bi-chevron-left {
  font-size: 13px;
  margin-left: -25%;
}

/* viewAll End*/
/* header_m_ncs part End*/
.NewestCS #NewestCS-widget .card_m_ncs {
  height: 102px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.NewestCS #NewestCS-widget .card_m_ncs .card_body_m_ncs {
  flex: 1 1 auto;
  padding: unset !important;
}

.NewestCS #NewestCS-widget .card_m_ncs .card_body_m_ncs img {
  width: 70px !important;
  height: 70px;
  flex-shrink: 0 !important;
  background: #f4f4f4 !important;
}

.NewestCS #NewestCS-widget .card_m_ncs .card_body_m_ncs .middle_dot_dad {
  height: 103%;
}

.NewestCS
  #NewestCS-widget
  .card_m_ncs
  .card_body_m_ncs
  .middle_dot_dad
  .half-circle-t {
  width: 20px;
  height: 15px;
  border: 1px solid #e4e4e4;
  border-radius: 0 0 20px 20px;
  border-top: none;
  z-index: 3;
}

.NewestCS
  #NewestCS-widget
  .card_m_ncs
  .card_body_m_ncs
  .middle_dot_dad
  .middle_dot {
  width: 2.3878px;
  background: repeating-linear-gradient(
    to bottom,
    #e4e4e4,
    #e4e4e4 5px,
    transparent 0px,
    transparent 15px
  );
  background-size: 61px 8px;
}

.NewestCS
  #NewestCS-widget
  .card_m_ncs
  .card_body_m_ncs
  .middle_dot_dad
  .half-circle-d {
  width: 20px;
  height: 15px;
  border: 1px solid #e4e4e4;
  border-radius: 20px 20px 0 0;
  border-bottom: none;
  z-index: 3;
}

.NewestCS #NewestCS-widget .card_m_ncs .card_body_m_ncs .discount-button {
  width: 85%;
  height: 42px;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 1500px) {
  .card_body_m_ncs .first_part_m_ncs {
    width: 63%;
  }
}

@media screen and (max-width: 360px) {
  .NewestCS #NewestCS-widget .card_m_ncs .card_body_m_ncs .discount-button {
    width: min-content;
    height: 42px;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    padding: 38px 17px;
  }
}

/* NewestCS-widget part End*/
/* ****************************** main-newest-coupon-sellers-widget style End ********************** */
/* ****************************** AmazingDcCodes widget style start ************************/
/* header_m_adc part  Start*/
.AmazingDcCodes .header_m_adc .text-title {
  /* min-width: 226px !important; */
}

/* dotted start */
.AmazingDcCodes .header_m_adc .dotted-line-dad .dotted-line {
  border-bottom: 2px dashed;
}

/* dotted End */
/* viewAll start*/
.AmazingDcCodes .header_m_adc .viewAll-section .add_link_dad .add_link a {
  margin-right: -24%;
}

.AmazingDcCodes .header_m_adc .viewAll-section .add_link_dad .add_link span {
  min-width: 93px;
}

.AmazingDcCodes
  .header_m_adc
  .viewAll-section
  .add_link_dad
  .add_link
  .bi-chevron-left {
  font-size: 13px;
  margin-left: -25%;
}

/* viewAll End*/
/* header_m_adc part End*/
/* AmazingDcCodes-widget part Start*/
.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc {
  height: 131px;
}

.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc .textInImg {
  display: contents;
}

.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc .textInImg .title-text {
  right: 23px;
  top: 20%;
  z-index: 1;
}

.AmazingDcCodes
  #AmazingDcCodes-widget
  .card_m_adc
  .textInImg
  .title-text
  .The-percent {
  margin-bottom: -15%;
}

.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc .textInImg .img_m_adc {
  width: 144px;
  flex-shrink: 0;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc .top-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  right: 134px;
  z-index: 3;
  top: -7%;
}

.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc .dotted-black {
  height: 99%;
  flex-shrink: 0;
  border-left: 8px dotted white;
  margin-right: -1%;
  z-index: 2;
}

.AmazingDcCodes
  #AmazingDcCodes-widget
  .card_m_adc
  .dotted-black
  .bottom-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: white;
  right: 134px;
  z-index: 3;
  top: 93%;
}
/* li cards style */
.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc .card-ul li {
  list-style: disc !important;
}

.AmazingDcCodes #AmazingDcCodes-widget .card_m_adc .card-ul li:first-child {
  margin-bottom: 10px;
}

/* AmazingDcCodes-widget part End*/
/* media query */
@media (min-width: 1023px) {
  .AmazingDcCodes #AmazingDcCodes-widget .col-lg-4 {
    width: 32.333333% !important;
  }
}

@media screen and (max-width: 901px) {
  .AmazingDcCodes #AmazingDcCodes-widget .col-lg-4:nth-child(even) {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 361px) {
  div#AmazingDcCodes-widget .row.flex-md-wrap.justify-content-between.w-100 {
    justify-self: center;
  }
}

/* ****************************** main-AmazingDcCodes style End ********************** */
/* ****************************** main-Popular-discounts-widget style Start ********************** */
/* header_m_PD part  Start*/
.PopularD .header_m_PD .text-title {
  font-size: 16px;
  /* min-width: 168px !important; */
}

/* dotted start */
.PopularD .header_m_PD .dotted-line-dad .dotted-line {
  border-bottom: 2px dashed;
}

/* dotted End */
/* squres start*/
.PopularD .header_m_PD .squares .square-2 {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -15%;
  rotate: 180deg;
  background-color: white;
}

.PopularD .header_m_PD .squares .square {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -23%;
  rotate: 180deg;
  background-color: white;
}

.PopularD .swiper-button-next,
.PopularD .swiper-rtl .swiper-button-prev {
  right: 5px !important;
  left: auto;
}

.PopularD .swiper-button-prev,
.PopularD .swiper-rtl .swiper-button-next {
  left: 5px !important;
  right: auto;
}

.PopularD .header_m_PD .squares .square .swiper-button-next::after {
  font-size: 12px !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: 12px !important;
}

/* squres end*/
/* viewAll start*/
.PopularD .header_m_PD .viewAll-section .add_link_dad .add_link a {
  margin-right: -24%;
}

.PopularD .header_m_PD .viewAll-section .add_link_dad .add_link span {
  min-width: 93px;
}

.PopularD
  .header_m_PD
  .viewAll-section
  .add_link_dad
  .add_link
  .bi-chevron-left {
  font-size: 13px;
  margin-left: -25%;
}

/* viewAll End*/
/* header_m_PD part End*/
/* PopularD-widget part Start*/
.PopularD-swiper-section {
  position: relative;
  height: 100%;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

.PopularD-swiper-section .swiper-grid-column > .swiper-wrapper {
  flex-direction: row !important;
}

.PopularD-swiper-section .swiper-wrapper {
  gap: 20px;
}

.PopularD-swiper-section .swiper {
  width: 100%;
  height: 100%;
}

.PopularD-swiper-section .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  margin: 0 !important;
  margin-left: 2px !important;
  width: 636px;
  height: 132px;
  margin-bottom: 20px;
  border-radius: 16px;
}

.PopularD-swiper-section .swiper-slide img {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  flex-shrink: 0;
}

.PopularD #PopularD-widget .card_m_PD {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.PopularD #PopularD-widget .card_m_PD .card-body .middle_dot_dad {
  height: 102%;
}

.PopularD
  #PopularD-widget
  .card_m_PD
  .card-body
  .middle_dot_dad
  .half-circle-t {
  width: 20px;
  height: 15px;
  border: 1px solid #e4e4e4;
  border-radius: 0 0 20px 20px;
  border-top: none;
  z-index: 3;
}

.PopularD #PopularD-widget .card_m_PD .card-body .middle_dot_dad .middle_dot {
  width: 2.3878px;
  background: repeating-linear-gradient(
    to bottom,
    #e4e4e4,
    #e4e4e4 5px,
    transparent 0px,
    transparent 15px
  );
  background-size: 61px 8px;
}

.PopularD
  #PopularD-widget
  .card_m_PD
  .card-body
  .middle_dot_dad
  .half-circle-d {
  width: 20px;
  height: 15px;
  border: 1px solid #e4e4e4;
  border-radius: 20px 20px 0 0;
  border-bottom: none;
  z-index: 3;
}

.d-none {
  display: none !important;
}

.PopularD #PopularD-widget .card_m_PD .card-body .discount-percent {
  width: 81px;
  height: 30px;
  border-radius: 8px;
  background: rgba(229, 78, 99, 0.1);
}

.PopularD #PopularD-widget .card_m_PD .card-body .discount-button {
  width: 45%;
  height: max-content;
  min-height: 40px;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

.PopularD #PopularD-widget .card_m_PD .card-body .discount-button-s {
  width: 15%;
  height: auto;
  border-radius: 8px;
  color: #888;
  background-color: #f4f4f4;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  transition: all 0.3s ease-in-out;
}

.PopularD #PopularD-widget .card_m_PD .card-body .discount-button-l {
  width: 33%;
  height: auto;
  border-radius: 8px;
  color: #888;
  background-color: #f4f4f4;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  transition: all 0.3s ease-in-out;
}

.place-name {
  color: #414141;
}

.discount-button-l svg path,
.discount-button-l:hover .place-name {
  transition: all 0.3s ease-in-out;
}

.discount-button-l:hover svg path {
  fill: #e54e63;
}

.discount-button-l:hover .place-name,
.discount-button-l:hover svg path {
  color: #e54e63 !important;
}

/* mobile style */
/* img in mobile */
.sina-one {
  width: 72px;
  height: 72px;
}

.sina-one.d-none.d-sm-block {
  width: 100px;
  height: 100px;
}

/* button hover */
.PopularD #PopularD-widget .card_m_PD:hover .card-body .discount-button {
  color: white;
  background-color: #e54e63;
  transition: all 0.3s ease-in-out;
}

/* Responsive Styles */
@media only screen and (max-width: 1150px) {
  .w-100.d-flex.justify-content-between.flex-wrap.p-2 {
    gap: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .PopularD #PopularD-widget .card .info-part-mobile {
    width: 69%;
    height: 80px;
  }

  .info-part-mobile-show {
    height: 80px;
  }
}

@media only screen and (max-width: 480px) {
  .PopularD-swiper-section .swiper-slide img {
    width: 80px;
    height: 80px;
    border-radius: 12px;
  }
}

/* ****************************** main-Popular-discounts-widget style End ********************** */
/* ****************************** Social-media style start ************************/
.Social-media .Social-media-container {
  height: 82px;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1px solid #e4e4e4;
}

@media screen and (max-width: 768px) {
  .Social-media .Social-media-container {
    height: 140px;
  }
}

.Social-media .Social-media-container .backCircle {
  width: 54px;
  height: 54px;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(229, 78, 99, 0.19);
}

.Social-media .Social-media-container .backCircle .circle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #e54e63;
}

.Social-media .Social-media-container .first-text {
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 600;
}

.Social-media .Social-media-container .second-text {
  color: #888;
  font-size: 14px;
  font-weight: 400;
}

.Social-media .Social-media-container .input-group {
  height: 54px;
}

.Social-media .Social-media-container .input-group .form-control {
  border-radius: 12px !important;
  border: unset !important;
  background: #f4f4f4;
  margin-right: -24%;
}

.Social-media .Social-media-container .input-group .form-control::placeholder {
  text-align: right;
  direction: rtl;
  font-size: 14px;
  font-weight: 400;
}

.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: unset !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border: none !important;
}

.Social-media
  .Social-media-container
  .input-group
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 8px;
  border: none !important;
}

.Social-media .Social-media-container .input-group .subscribe-button {
  left: 3%;
  top: 23%;
  width: 82px;
  height: 30px;
  border-radius: 8px;
}

.Social-media .Social-media-container .input-group .subscribe-button span {
  font-size: 14px;
  font-weight: 400;
}

.Social-media .social-icons {
  width: 62px;
  height: 82px;
  border-radius: 16px;
  background: #e54e63;
}

/* ****************************** Social-media style End ********************** */
/* ****************************** Weblog-widget style start ************************/
/* header_m_w part  Start*/
.Coupon-Weblog .header_m_w .text-title {
  font-size: 16px;
  /* min-width: 97px !important; */
}

/* dotted start */
.Coupon-Weblog .header_m_w .dotted-line-dad .dotted-line {
  border-bottom: 2px dashed;
}

/* dotted End */
/* squres start*/
.Coupon-Weblog .header_m_w .squares .square-2 {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -15%;
  rotate: 180deg;
  background-color: white;
}

.Coupon-Weblog .header_m_w .squares .square {
  width: 42px;
  height: 42px;
  border: 1px solid #e4e4e4;
  gap: 8px;
  top: -9%;
  left: -23%;
  rotate: 180deg;
  background-color: white;
}

.Coupon-Weblog .swiper-button-next,
.Coupon-Weblog .swiper-rtl .swiper-button-prev {
  right: 5px !important;
  left: auto;
}

.Coupon-Weblog .swiper-button-prev,
.Coupon-Weblog .swiper-rtl .swiper-button-next {
  left: 5px !important;
  right: auto;
}

.Coupon-Weblog .header_m_w .squares .square .swiper-button-next::after {
  font-size: 12px !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  font-size: 12px !important;
}

/* squres end*/
/* viewAll start*/
.Coupon-Weblog .header_m_w .viewAll-section .add_link_dad .add_link a {
  margin-right: -24%;
}

.Coupon-Weblog .header_m_w .viewAll-section .add_link_dad .add_link span {
  min-width: 93px;
}

.Coupon-Weblog
  .header_m_w
  .viewAll-section
  .add_link_dad
  .add_link
  .bi-chevron-left {
  font-size: 13px;
  margin-left: -25%;
}

/* viewAll End*/
/* header_m_w part End*/
.Coupon-Weblog #blog-widget .weblog-copon-swiper-container .swiper-wrapper {
  height: 364px;
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide {
  font-size: 18px;
  background: #fff;
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card {
  height: 297px;
}

/* custom hover */
.elementor-animation-float:active,
.elementor-animation-float:focus,
.elementor-animation-float:hover {
  transform: translateY(-17px) !important;
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card
  .img-style
  .card-img-top {
  height: 152px;
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card:hover
  .img-style
  .circle
  .baby-circle {
  transition: all 0.3s ease-in-out;
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card:hover
  .img-style
  .circle
  .baby-circle
  svg
  path {
  transition: all 0.3s ease-in-out;
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card
  .img-style
  .circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  top: 78%;
  left: 11%;
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card
  .img-style
  .circle
  .baby-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card
  .img-style
  .circle
  .baby-circle
  svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Coupon-Weblog
  #blog-widget
  .weblog-copon-swiper-container
  .swiper-wrapper
  .weblog-copon-swiper-slide
  .weblog-copon-card
  .weblog-copon-card-body {
  display: flex;
  flex-direction: column;
}

/* ****************************** Weblog-widget style End ********************** */
.wh-coupon-holder {
  gap: 15px;
}

/* laptop query */
@media screen and (min-width: 1535px) and (max-width: 1537px) {
  .elementor-element.elementor-element-ceb4116.e-flex.e-con-boxed.e-con.e-parent
    .e-con-inner {
    margin-top: 10% !important;
  }
}

/* query */
@media (max-width: 576px) {
  .Cat-card:nth-child(2n) span.Cat-circle {
    display: none;
  }
  .wh-coupon-holder {
    justify-content: center;
  }
  .wh-coupon-holder .Cat-card {
    width: 47% !important;
  }
  .info-part-mobile {
    width: 75%;
  }
  .htmega-menu-area .htmobile-aside-button {
    margin-left: 10px;
  }
}
/* 320 */
@media (max-width: 321px) {
  .info-part-mobile {
    width: 72%;
  }
}

.htmega-menu-container .htmega-menu-area ul li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 999;
  right: 0%;
  top: 40px;
  right: 0;
}

li.kpn-menu-li-cls .main-menu-link {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  gap: 6px;
}

.htmega-menu-container ul > li > a > span.htmenu-icon {
  line-height: 30px;
  margin-left: 5px;
  font-size: 11px;
  position: absolute;
  top: 0px;
  left: 5px;
}

.htmobile-navigation {
  padding: 30px 20px 30px 25px;
}
/* pd cards */
@media screen and (max-width: 1025px) and (min-width: 1023px) {
  .PopularD #PopularD-widget .card_m_PD .card-body .discount-button-l {
    width: 110%;
  }

  .PopularD #PopularD-widget .card_m_PD .card-body .discount-button {
    width: 100% !important;
  }

  .PopularD #PopularD-widget .card_m_PD .card-body .discount-button {
    width: 29%;
  }

  .PopularD #PopularD-widget .card_m_PD .card-body .discount-button-s {
    width: 16%;
  }
}
/**************** All header query  Start ***********/
@media screen and (max-width: 1025px) {
  /*long dotted headers */
  .header_m_f .dotted-line-dad,
  .header_m_w .dotted-line-dad {
    width: 72%;
  }

  /* All headers-short headers */
  .dotted-line-dad {
    width: 68% !important;
  }
}
@media screen and (max-width: 901px) and (min-width:899px) {
  /* pd cards */
  .PopularD #PopularD-widget .card_m_PD .card-body .discount-button,
  .PopularD #PopularD-widget .card_m_PD .card-body .discount-button-l {
    width: unset;
    padding: 1px;
  }
}
@media screen and (max-width: 651px) {
  /* All headers-short headers */
  .dotted-line-dad {
    width: 55% !important;
  }
}
@media screen and (max-width: 481px) {
  .kpn-nav-mobile-d-none {
    display: none !important;
  }

  /*long dotted headers */
  .header_m_f .dotted-line-dad,
  .header_m_w .dotted-line-dad {
    width: 46%;
  }

  /* All headers-short headers */
  .dotted-line-dad {
    width: 35% !important;
  }
}

@media screen and (max-width: 361px) {
  /*long dotted headers */
  .header_m_f .dotted-line-dad,
  .header_m_w .dotted-line-dad,
  .header_m_adc .dotted-line-dad {
    width: 27%;
  }

  /* All headers-short headers */
  .dotted-line-dad {
    width: 17% !important; 
  }
}
@media screen and (max-width: 321px) {
  /*long dotted headers */
  .header_m_f .dotted-line-dad,
  .header_m_w .dotted-line-dad,
  .header_m_adc .dotted-line-dad {
    width: 20%;
  }

  /* All headers-short headers */
  .dotted-line-dad {
    width: 9%;
  }
}
/**************** All header query  End ***********/
/* mobile header */
@media (max-width: 651px) {
  .elementor-257 .elementor-element.elementor-element-777d42f1 {
   padding: 0 10px;
  }
}
@media (max-width: 481px) {
.PopularD #PopularD-widget .card_m_PD .card-body .discount-button{
  width: 100%;
}
.PopularD #PopularD-widget .card_m_PD .card-body .discount-button-s{
  flex-grow: 1;
}
.PopularD #PopularD-widget .card_m_PD .card-body .discount-button-l{
  flex-grow: 3;
}
}