/** Shopify CDN: Minification failed

Line 2440:65 Expected identifier but found "*"
Line 3090:84 Unexpected ","
Line 3134:65 Expected identifier but found "*"

**/
 /* @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-Regular.woff2?v=1711628900') format('woff2'),url('/cdn/shop/files/Poppins-Regular.woff?v=1711628900') format('woff');font-weight: 400;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-ExtraLight.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-ExtraLight.woff?v=1711628900') format('woff');font-weight: 200;font-style: normal;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-Bold.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-Bold.woff?v=1711628900') format('woff');font-weight: bold;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-Black.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-Black.woff?v=1711628900') format('woff');font-weight: 900;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-ExtraBold.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-ExtraBold.woff?v=1711628901') format('woff');font-weight: bold;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-Light.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-Light.woff?v=1711628900') format('woff');font-weight: 300;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-SemiBold.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-SemiBold.woff?v=1711628900') format('woff');font-weight: 600;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-Thin.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-Thin.woff?v=1711628900') format('woff');font-weight: 100;font-display: swap;}
      @font-face {font-family: 'Poppins';src: url('/cdn/shop/files/Poppins-Medium.woff2?v=1711628900') format('woff2'), url('/cdn/shop/files/Poppins-Medium.woff?v=1711628900') format('woff');font-weight: 500;font-display: swap;}
    */
      @font-face {font-family: 'Material Icons Outlined';src:url('/cdn/shop/files/MaterialIconsOutlined-Regular.woff2?v=1711636495') format('woff2'), url('/cdn/shop/files/MaterialIconsOutlined-Regular.woff?v=1711636495') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
      @font-face {font-family: 'Material Icons Round';src: url('/cdn/shop/files/MaterialIconsRound-Regular.woff2?v=1711690900') format('woff2'), url('/cdn/shop/files/MaterialIconsRound-Regular.woff?v=1711690901') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
      @font-face {font-family: 'Material Icons Sharp';src: url('/cdn/shop/files/MaterialIconsSharp-Regular.woff2?v=1711698754') format('woff2'), url('/cdn/shop/files/MaterialIconsSharp-Regular.woff?v=1711698754') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
      .material-symbols-outlined,.material-icons-outlined{font-family: 'Material Icons Outlined';}
      .material-icons-round{font-family: 'Material Icons Round';}
      .material-icons-sharp {font-family: 'Material Icons Sharp';}    



.title-wrapper {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 22px;
}
.title-wrapper--no-top-margin > .title {
  margin: 0;
}
.tt-title {
  position: relative;
  padding: 0 0 8px;
  font-weight: 700;
  font-size: 22px;
}
.tt-title::after {
  background: #38b44a;
  content: "";
  bottom: -2px;
  top: auto;
  width: 100px;
  height: 3px;
  position: absolute;
  left: 0;
  right: auto;
}
.collection_list_slider .slick-track {
  display: flex;
}
.collection_list_slider .grid--11-col-desktop .grid__item.slick-slide {
  margin-right: 26px;
}
.collection_custom_slider_wrap,
.multicolumn-list_wrap {
  position: relative;
}
.custom-navigation-arrows {
  position: absolute;
  right: 0;
  z-index: 1;
  top: -62px;
}
.navigation_wrap {
  display: flex;
}

.slick-navigation-arrow {
  position: relative;
  border: 2px solid transparent;
  color: #999;
  background: transparent;
  cursor: pointer;
  height: 30px;
  width: 27px;
}
.slick-navigation-arrow.slick-prev::before,
.slick-navigation-arrow.slick-next::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 9px;
  height: 9px;
  border-bottom: 2px solid;
  top: 9px;
}
.slick-navigation-arrow.slick-prev::before {
  border-left: 2px solid;
  transform: rotate(45deg);
  left: 6px;
}

.slick-navigation-arrow.slick-next::before {
  border-right: 2px solid;
  transform: rotate(-45deg);
  right: 6px;
}
.slick-navigation-arrow.slick-prev.slick-arrow {
  border-right: 1px solid #e5e5e5;
}
.slick-navigation-arrow:hover {
  color: #000;
}
.card_product_vendor {
  margin-bottom: 6px;
  font-size: 13px;
}
.card_product_vendor a {
    text-transform: capitalize;
    color: #1c49c2;
    font-weight: 600;
    text-decoration: none;
}
.featured-collection-slider .card.card--standard.card--media {
  margin: 10px 0 1px;
  border: 1px solid #ccc;
  border-radius: 0.8rem;
  padding: 20px 0 5px;
  /* height: 438px !important; */
}
.featured-collection-slider .card--standard > .card__content {
  padding: 10px 15px 0;
  display: block;
  overflow: hidden;
}
.featured-collection-slider .card-wrapper {
  padding: 0 9px;
}
.featured-collection-slider .card__information {
  padding: 0;
}
.featured-collection-slider .card__heading a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  white-space: nowrap;
}
.featured-collection-slider .card__heading {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  margin: 0px;
  padding: 7px 0;
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  padding-bottom: 0;
}
.button {
  background: #060644;
  color: #fff;
  border-radius: 0.3rem;
  height: 40px;
  min-height: 40px;
}
.button::after,
.shopify-challenge__button::after,
.customer button::after,
.shopify-payment-button__button--unbranded::after {
  border-radius: 0.3rem;
}
.mdi-plus {
  /* width: 40px; */
  font-size: 20px;
}
.quick-add__submit {
  justify-content: space-between;
  padding: 10px 15px 10px 17px !important;
  margin-top: 10px;
}
.cart_btn_add {
  flex-grow: 1;
}
.featured-collection-slider .featured-collection-slider-wrap {
  margin: 0 -10px;
}
.featured-collection-slider .quick-add {
  margin-bottom: 0;
}

.featured-collection-slider .slick-navigation-arrow {
  position: absolute;
  top: 41%;
  background: #060644;
  z-index: 2;
  width: 47px;
  height: 47px;
  border-radius: 50%;
  color: #fff;
}
.featured-collection-slider .slick-navigation-arrow.slick-prev.slick-arrow {
  border-right: none;
  left: -14px;
}
.featured-collection-slider .slick-navigation-arrow.slick-next.slick-arrow {
  right: -14px;
}
.featured-collection-slider .slick-navigation-arrow.slick-prev::before,
.featured-collection-slider .slick-navigation-arrow.slick-next::before {
  width: 12px;
  height: 12px;
  border-bottom: 3px solid;
  top: 9px;
}
.featured-collection-slider .slick-navigation-arrow.slick-prev::before {
  left: 38%;
  top: 35%;
  border-left: 3px solid;
}
.featured-collection-slider .slick-navigation-arrow.slick-next::before {
  right: 38%;
  top: 35%;
  border-right: 3px solid;
}
.multicolumn-card.content-container .multicolumn-card_link {
  margin: 0.6rem 0 0 0.6rem;
  padding: 5px;
  box-shadow: inset 0 0 0 0.1rem #f7f7f7, 0 0 0.8rem #807e7e14;
  border-radius: 0.8rem;
  display: block;
  background: transparent;
}
.multicolumn-card_link .multicolumn-card__image-wrapper {
  margin: 0;
}

/**multicolumn collage*****/
.multicolumn-collage.collage_grid_3,
.multicolumn-collage.collage_grid_4 {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: var(--grid-desktop-horizontal-spacing);
  grid-row-gap: 9px;
}
.multicolumn-collage.collage_grid_3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
  grid-column-gap: 9px;
}
.multicolumn-collage.collage_grid_4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
  grid-column-gap: 9px;
}
.multicolumn-card__image-wrapper.multicolumn-collage_item {
  margin: 0 !important;
}
.collage_grid_4 .multicolumn-collage_item:nth-child(1) {
  grid-column-start: 1;
}
.collage_grid_4 .multicolumn-collage_item:nth-child(2) {
  grid-column-start: 2;
}
.collage_grid_4 .multicolumn-collage_item:nth-child(3) {
  grid-column-start: 1;
}
.collage_grid_4 .multicolumn-collage_item:nth-child(4) {
  grid-column-start: 2;
}

.collage_grid_3 .multicolumn-collage_item:nth-child(1) {
  grid-column-start: 1;
}
.collage_grid_3 .multicolumn-collage_item:nth-child(3) {
  grid-column-start: 1;
}
.collage_grid_3 .multicolumn-collage_item:nth-child(2) {
  grid-column-start: 2;
  grid-row: span 2;
  grid-column-end: 3;
}
.multicolumn-collage_item .ratio {
  height: 100%;
}
.multicolumn-collage-section .multicolumn-card.content-container {
  border: 1px solid #b8b8b8;
  box-shadow: 0 0 3px #b8b8b8;
  padding: 15px;
}
.multicolumn-collage-wrap {
  column-gap: 25px;
}

.featured-collection-slider-wrap .card .card__inner {
  min-height: 199px;
  max-height: 200px;
}
.multicolumn-collage-wrap .multicolumn-list h3 {
  font-size: 20px;
  font-weight: 700;
}
.vtl-rp-main-widget,
.vtl-rv-main-widget,
.vtl-ub-bundle-box {
  max-width: 150rem !important;
}
.vtl-product-carousel__title,
.vtl-ub-bundle-box h2 {
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px solid rgb(101, 101, 101);
  margin-top: 1rem !important;
  padding-bottom: 1rem !important;
  margin-bottom: 0.5rem !important;
}
.vtl-product-card {
  margin: 0 0.3em !important;
  border-radius: 0.8rem;
  border: 1px solid #e7e2de !important;
}
.vtl-product-card__title-inner {
  font-weight: 400 !important;
  font-size: 15px;
  line-height: 1.4 !important;
  color: #060644;
}
.vtl-product-card__price span {
  font-size: 25px !important;
  color: #060644 !important;
}
.vtl-product-carousel__slider-arrow:hover {
  background: #38b44a !important;
}
.vtl-product-carousel__slider-arrow {
  background-color: #060644 !important;
  opacity: 1 !important;
}
.vtl-product-carousel__slider-arrow svg {
  color: #fff;
}
.vtl-product-carousel__slider-arrow--prev {
  left: -11px !important;
}
.vtl-product-carousel__slider-arrow--next {
  right: -11px !important;
}
.vtl-rp-main-widget {
  margin-bottom: 25px !important;
}
.vtl-rv-main-widget {
  border-bottom: 4px solid #efefef;
}
.wc_review_top_title h2 {
  font-weight: 500;
}
.newsletter {
  /* margin-top: 30px; */
}
.vtl-ub-bundle-box__atc-button,
.vtl-ub-bundle-box__atc-button::after {
  width: 100% !important;
  border-radius: 25px;
}
.vtl-ub-bundle-box__atc-section {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  padding: 2rem;
}

/* static menu on scroll */
.static-menu-flex{display:none;}
.scrolled-past-header nav.header__inline-menu.custom_mega_menu {    display: none; }
.shopify-section-header-sticky .static-menu-flex{display:block;}
/* .shopify-section-header-sticky .header__heading{display: none;} */

@media screen and (max-width: 749px) {
  .mobile-hide {
    display: none;
  }
  .tt-title {
    font-size: 18px;
    padding: 0 0 11px;
  }
  .section-collection-list .collection_list_slider .page-width {
    padding-left: 10px;
    padding-right: 0;
  }
  .section-collection-list
    .collection_list_slider
    .collection-list:not(.slider) {
    padding-left: 8px;
    padding-right: 0;
    padding-bottom: 14px;
  }
  .title-wrapper {
    margin-bottom: 30px;
  }
  .custom-navigation-arrows {
    top: -68px;
    right: 29px;
  }
  .rich-text__heading.rte.inline-richtext.h2 {
    font-size: 18px;
  }
  .rich-text__text.rte p {
    font-size: 13px;
  }
  .rich-text.content-container {
    padding-bottom: 0 !important;
  }
  .collection__title.title-wrapper {
    margin-bottom: 10px !important;
  }
  .collection.page-width {
    padding-top: 17px !important;
  }
  .featured-collection-slider .card-wrapper {
    padding: 0 4px;
  }
  .featured-collection-slider .featured-collection-slider-wrap {
    margin: 0 -8px;
  }
  .special_offer .multicolumn-list.grid--4-col-desktop {
    column-gap: 13px !important;
    padding: 0 11px;
  }
  .special_offer .multicolumn-list.grid--4-col-desktop .grid__item {
    width: calc(50% - 13px * 3 / 4) !important;
    max-width: calc(50% - 13px * 3 / 4) !important;
  }
  .background-none.special_offer
    .multicolumn-list:not(.slider)
    .center
    .multicolumn-card__info {
    padding-left: 2px;
    padding-right: 2px;
  }
  .special_offer .multicolumn-list h3 {
    font-size: 14px;
    padding-bottom: 32px;
    letter-spacing: 0;
  }
  .special_offer .title-wrapper-with-link {
    margin-bottom: 27px;
  }
  .multicolumn.multicolumn-collage-section .page-width {
    padding-top: 22px;
  }
  .multicolumn-collage-section .multicolumn-card__info {
    padding-bottom: 15px !important;
  }
  .multicolumn.multicolumn-collage-section .title-wrapper-with-link {
    margin-bottom: 25px;
  }
  .multicolumn-collage-wrap {
    row-gap: 17px;
  }
  .footer-block__image_content p {
    text-align: center;
  }
  .announcement-bar__announcement {
    height: auto;
  }
  /* .tel_number,.opening_hrs {
  width: 100%;
  display: block;
} */
  .announcement-bar__message {
    font-size: 12px !important;
    font-weight: 700;
    min-height: unset;
    padding: 0;
  }
  .tel_number {
    color: #000;
    text-decoration: none;
  }
  .tel_number .mdi-phone::before {
    font-size: 16px;
    vertical-align: middle;
  }
  .free-shipping-message .announcement-bar__message.h5 {
    color: #3b8e23;
    font-size: 15px !important;
    font-weight: 600;
  }
  .utility-bar__grid {
    display: flex;
  }
  .announcement-bar {
    margin-top: 1px;
  }
  .free-shipping-message {
        margin-top: 4px;
        padding-bottom: 2px;
        margin-bottom: 2px;
    }
  .custom_image_banner_section.cart_page_banner .banner__media.media {
    margin-top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .featured-collection-slider-wrap .card .card__inner {
    min-height: 214px;
    max-height: 215px;
  }
}

@media screen and (max-width: 749px) .special_offer .grid--2-col-tablet-down {
  width: calc(30% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
  .desktop-hide {
    display: none;
  }

  .multicolumn-collage-wrap.grid--3-col-desktop .grid__item {
    width: calc(33.33% - 25px * 2 / 3);
    max-width: calc(33.33% - 25px * 2 / 3);
  }
  .announcement-bar,
  .announcement-bar__announcement {
    justify-content: space-between;
  }
  .announcement-bar__announcement {
    width: auto;
  }
  .announcement-bar__message {
    font-size: 18px !important;
    font-weight: 600;
    color: #060644;
    /* min-height: 52px; */
  }
  .collection_list_slider .card-wrapper {
    padding: 0 20px;
  }
}

/******css pr end********/

/* custom collection page */
nav.breadcrumb {
  width: 100%;
  background-color: #f7f7f7;
}
h1.collection-hero__title.collection-main-title {
  margin-top: 15px;
  margin-bottom: 1.5rem;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 29px;
}
.template-collection li.grid__item,
.template-search li.grid__item,
.template-index .collection li.grid__item {
  border: 1px solid #eee;
  margin: 3px 0 0;
  border-radius: 0.8rem;
  padding: 20px 12px 0;  
  z-index: 1;
}
@media (min-width: 320px) and (max-width: 767px){
 .list-view-option li.grid__item.scroll-trigger.animate--slide-in {
  border: 1px solid #eee;
  margin: 3px 0 0;
  border-radius: 0.8rem;
  padding: 3px;
  padding-bottom: 0;
  z-index: 1;
} 
}
.template-collection .custom-section-collection-padding {
  padding-top: 0 !important;
}
.custom_collection_main_banner .web-banner {
  display: block;
}
.custom_collection_main_banner .mobile-banner {
  display: none;
}
.custom_image_banner_section.cart_page_banner .banner__media.media img {
  padding: 0;
  /* margin: 0 4.5rem; */
  border-radius: 10px;
}
.template-cart .vtl-rv-main-widget {
  border-bottom: none;
}

/*****page css**********/
.template-page .breadcrumb-wrap {
  text-align: center;
}
.template-page .breadcrumb-wrap .mdi {
  font-size: 17px;
}
.template-page h1 {
  font-size: 32px;
  margin: 8px 0;
  line-height: 1.6;
}
.template-page p {
  /* font-size: 14px; */
  margin: 0 0 0px 0;
}
.rte a {
  text-decoration: none;
}
.template-page .page-width--narrow {
  max-width: 142rem;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
/* .template-page .content-for-layout li {
  font-size: 14px;
  list-style: disc;
} */
/* .breadcrumb-wrap {
  margin: 0 0 30px;
} */
.template-product .breadcrumb-wrap {
  margin: 0;
}
.appstle_widget_title,
.appstle_one_time_details_wrapper,
.appstle_subscription_wrapper_option {
  font-size: 14px;
}
.header_account_details_wrapper .customer.login {
  box-shadow: unset;
  padding: 0 !important;
}
.collection_list_slider .grid__item.slick-slide {
  max-width: unset !important;
  margin: 0;
}

@media (max-width: 767px) {
  .desktop_promotion_image,
  .custom_collection_main_banner .web-banner {
    display: none;
  }
  .template-page .page-width--narrow {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .custom_collection_main_banner .mobile-banner {
    display: block;
  }
}
.template-collection li.grid__item:hover {
  /* background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); */
}
.template-collection li.grid__item.sold_out .card__media {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  filter: grayscale(1);
}
/* pagination css */

nav.pagination {
  padding: 5px;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 8px;
}
ul.pagination__list.list-unstyled {
  justify-content: end;
  align-items: center;
}
a.pagination__item {
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
a.pagination__item.pagination__item--current.light {
  background: #38b44a;
  color: #fff;
}
body .pagination__item--current:after,
body .pagination__item:hover:after {
  width: 0;
}

/* view as option */
.breadcrumb-wrap * {
  color: #000;
  text-decoration: none;
}
.custom-breadcrumbs {
  padding: 0px 0px;
  background-color: #f7f7f7;
  margin: 0 0 30px;
}
.facets-vertical-form {
  padding: 10px 10px;
  border: 1px solid #e5e5e5;
  margin: 20px 0 0;
  border-radius: 8px;
  align-items: center;
}
.view-mode.filter-grid-list.grid__item {
  display: flex;
  column-gap: 20px;
  align-items: center;
  width: 100%;
}
a#grid-view {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 5px;
  background-color: #fff;
  vertical-align: middle;
  width: 33px;
  height: 25px;
  padding: 3px;
  border: 1px solid #808080;
  margin-bottom: 0;
}
a#grid-view.active:before {
  box-shadow: 7px 0 0 #232323, 14px 0 0 #232323, 21px 0 0 #232323;
  background-color: #232323;
}
a#grid-view:before {
  box-shadow: 7px 0 0 #808080, 14px 0 0 #808080, 21px 0 0 #808080;
  background-color: #808080;
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 18px;
}
a#custom-list-view {
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  padding: 3px;
  border: 1px solid #808080;
}
a#custom-list-view.active:before {
  box-shadow: 0 7px 0 #232323, 0 14px 0 #232323;
  background-color: #232323;
}
a#custom-list-view:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #808080;
  width: 18px;
  height: 4px;
  box-shadow: 0 7px 0 #808080, 0 14px 0 #808080;
}
@media (max-width: 767px){
.list-view-option .card.card--standard.card--media {
  flex-direction: row !important;
  column-gap: 0x;
  padding: 2px;
}
}
body.template-collection .facets-vertical-form {
      justify-content: flex-start;
  display: flex;
}
.product-count-vertical.light {
  display: none;
}
.facet-filters__field .select {
  border: 1px solid #e5e5e5;
  padding: 5px 7px 5px 10px;
  border-radius: 8px;
  outline: none;
  box-shadow: none;
}
select#SortBy option[selected="selected"] {
  color: #fff;
  background: #000;
}
body.template-collection .facet-filters__sort + .icon-caret {
  right: 10px;
  top: 13px;
}
/* aisde filter */
.facets__disclosure-vertical {
  margin: 0 0 30px;
  padding: 4px 4px 10px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.facets-vertical .facets__summary {
  background: #060644;
  width: 100%;
  padding: 10px;
  color: #fff;
  margin: 0 0 15px;
  border-radius: 5px;
}
body.template-collection span.facets__summary-label,
body.template-collection .facets__disclosure[open] .facets__summary,
body.template-collection .facets__summary:hover,
body.template-collection .facets__summary:hover .facets__summary-label {
  color: #fff;
  text-decoration: none;
}
a.active-facets__button-remove.underlined-link.btn {
  background: #060644;
  color: #fff;
  text-decoration: none;
  line-height: 1.42;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  letter-spacing: 1px;
  border-radius: 25px;
}
.facets__form-vertical facet-remove.active-facets__button-wrapper {
  justify-content: start;
  padding-top: 0;
}
fieldset.facets-wrap.parent-wrap.facets-wrap-vertical {
  padding: 0 10px;
  margin: 0;
}
.facet-checkbox input[type="checkbox"] {
  height: 21px;
  width: 21px;
  border: 1px solid #e5e5e5;
  margin-right: 10px;
  outline: none;
}
a.active-facets__button.active-facets__button--light {
  display: none;
}
.facets-container .field__input:focus-visible {
  box-shadow: none;
  outline: none;
  border: 0;
}
.facets-container span.label-show-more.label-text,
.facets-container span.label-show-less {
  text-align: center;
  font-size: 13px;
  color: #1c49c2;
  padding: 10px;
  line-height: 39px;
  cursor: pointer;
  text-decoration: none !important;
  border: 0;
}
summary.facets__summary span {
  font-weight: 700;
}
.facets-container .lable-from,
.facets-container .lable-to {
  padding-top: 8px;
}
.facets-container .lable-from,
.facets-container .lable-to,
input#Filter-Price-GTE,
input#Filter-Price-LTE,
.breadcrumb a,
.breadcrumb span {
  font-size: 10px;
  font-weight: 400;
  margin: 1px;
}
.breadcrumb-wrap {
    display: flex;
    gap: 4px;
    align-items: center;
}
span.facet-checkbox__text {
  font-size: 13px;
}
a.active-facets__button-remove.underlined-link.btn:hover {
  background: #38b44a;
}
.facet-filters__label label,
.facet-filters__field .select__select,
.mobile-facets__sort .select__select {
  color: #000;
}
.collection-hero__text-wrapper h2.collection-hero__title {
  font-size: 29px;
  margin-top: 0;
  margin-bottom: 21px;
}
.material-icons-outlined.mso-heart,
.material-icons-outlined.mso-repeat,
.material-icons-sharp.mso-print {
  vertical-align: middle;
}

@media screen and (min-width: 750px) {
  .facets__disclosure-vertical .facets__summary .icon-caret {
    display: none;
  }
  body.template-collection .lable-from-field {
    padding-right: 15px;
  }
  body.template-collection .facets-vertical .facets__price .field:last-of-type {
    margin-left: 0;
  }
  @media (max-width: 767px){
  body.template-collection .grid--1-col-desktop.list-view-option .card__inner {
    width: 30%;
  }
  
  body.template-collection
    .grid--1-col-desktop.list-view-option
    .card__content {
    width: 70%;
  }
}
}
body.template-collection .field__input::placeholder {
  opacity: 1;
}
input#Filter-Price-GTE,
input#Filter-Price-LTE {
  margin: 0;
  padding: 8px 10px;
  letter-spacing: 1px;
  background: #f7f7f7;
}
body.template-collection .field:before,
body.template-collection .field:after {
  border-radius: 8px !important;
}
body.template-collection .facets__display-vertical {
  padding-bottom: 0;
}
body.template-collection .collection-hero__description {
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 750px) {
  .lable-from-field {
    padding-right: 8px;
  }
  .product-count {
    display: none;
  }
}
@media (max-width: 767px){
.grid.product-grid.grid--2-col-tablet-down.grid--1-col-desktop.list-view-option {
  flex-direction: column;
}
.grid.product-grid.grid--2-col-tablet-down.grid--1-col-desktop.list-view-option
  li.grid__item {
  width: 100%;
  max-width: 100%;
}
}
body.template-collection
  facet-filters-form.facets.facets-vertical-sort.small-hide {
  display: block !important;
}
@media screen and (max-width: 400px) {
  .facets-vertical-form {
    display: unset !important;
  }
  .facets-vertical-form .facet-filters__field {
    justify-content: flex-start !important;
    margin-top: 1rem;
  }
  .facets-vertical-form .facet-filters.sorting.caption {
    padding-left: 7px !important;
  }
  body.template-collection
    facet-filters-form.facets.facets-vertical-sort.small-hide {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    margin-top: 1rem;
  }
  .facets-vertical-form {
    border: 0;
  }
}
.template-collection li.grid__item .quick-add.no-js-hidden,
.template-search li.grid__item .quick-add.no-js-hidden,
.template-index li.grid__item .quick-add.no-js-hidden {
  transform: translateY(-5px) translateZ(0px);
  -webkit-transform: translateY(-5px) translateZ(0px);
  -moz-transform: translateY(-5px) translateZ(0px);
  -o-transform: translateY(-5px) translateZ(0px);
  -ms-transform: translateY(-5px) translateZ(0px);
  transition: transform 0.3s ease-in-out 0s;
  -webkit-transition: transform 0.3s ease-in-out 0s;
  -moz-transition: transform 0.3s ease-in-out 0s;
}
.template-collection li.grid__item:hover .quick-add.no-js-hidden,
.template-search li.grid__item:hover .quick-add.no-js-hidden,
.template-index li.grid__item:hover .quick-add.no-js-hidden {
  /* transform: translateY(5px) translateZ(0px);
  -webkit-transform: translateY(5px) translateZ(0px);
  -moz-transform: translateY(5px) translateZ(0px);
  -o-transform: translateY(5px) translateZ(0px);
  -ms-transform: translateY(5px) translateZ(0px);
  transition: transform 0.3s ease-in-out 0s;
  -webkit-transition: transform 0.3s ease-in-out 0s;
  -moz-transition: transform 0.3s ease-in-out 0s; */
}
.quick-add__submit.button--secondary:hover {
  background: #060644;
}
.button:not([disabled]):hover::after,
.customer button:hover::after {
  --border-offset: 0;
  box-shadow: none;
}
.underline-links-hover:hover a,
.template-collection a,
.template-collection a:hover,
.template-collection span:hover {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}
.template-collection
  .facets-layout-list
  .facets__label:hover
  .facet-checkbox__text,
.template-collection .facets-layout-list input:focus ~ .facet-checkbox__text,
.template-collection .link {
  text-decoration: none;
}
/* END custom collection page */
/* Custom Contact Us page */
select.select-subject {
  border: 0;
  vertical-align: middle;
  margin: 0 !important;
  padding: 10.5px 17px;
  width: 100%;
  outline: none;
  box-shadow: none;
}
.contact-form-with-map {
  display: flex;
  column-gap: 20px;
  justify-content: center;
}
form.custom-contact-us.col-xs-6,
.contact_us.col-xs-6 {
  width: 50%;
}
h1.contact-page-title {
  text-align: center;
  padding-bottom: 2rem;
  font-size: 32px;
  font-weight: 500;
}
.contact-form-with-map .contact__button {
  margin-top: 10px;
  margin-bottom: 2rem;
}
.map__store-address.rte {
  margin-bottom: 15px;
  line-height: 1.7;
}
span.map__store-name.heading {
  display: flex;
  width: 100%;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 500;
}
.field input[type="text"],
.field input[type="search"],
.field input[type="password"],
.field input[type="email"],
.field input[type="file"],
.field input[type="number"],
.field input[type="tel"],
.field textarea,
.field select.select-subject {
  background-color: #f7f7f7;
  color: #000;
  border: 1px solid #e5e5e5;
  letter-spacing: 1px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
}
.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before,
.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  border: 0 !important;
  box-shadow: none !important;
}
.field input[type="text"]:focus,
.field input[type="search"]:focus,
.field input[type="password"]:focus,
.field input[type="email"]:focus,
.field input[type="file"]:focus,
.field input[type="number"]:focus,
.field input[type="tel"]:focus,
.field textarea:focus,
.field input[type="text"]:active,
.field input[type="search"]:active,
.field input[type="password"]:active,
.field input[type="email"]:active,
.field input[type="file"]:active,
.field input[type="number"]:active,
.field input[type="tel"]:active,
.field textarea:active {
  border: 1px solid #e5e5e5;
  background: #fcfcfc;
}
.contact-form-with-map .field select.select-subject {
  color: #4b4b4b;
  font-size: 16px;
  font-weight: 400;
  font-family: Poppins, sans-serif;
}
img[alt="Street View Pegman Control"] {
  position: unset !important;
}
.contact-form-with-map .contact__button button.button:hover,
.contact-form-with-map a.map__direction-link.button.button--primary.btn:hover {
  background: #38b44a !important;
}
textarea#ContactForm-body {
  min-height: 100px;
}
@media screen and (max-width: 750px) {
  .contact-form-with-map {
    flex-direction: column;
    row-gap: 25px;
  }
  form.custom-contact-us.col-xs-6,
  .contact_us.col-xs-6 {
    width: 100%;
  }
}
/* END Custom Contact Us page */
/* Custom Blog Page */
body .multicolumn-card__info .link {
  position: absolute;
  top: 0;
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  margin: 0;
}
aside.widget-container.custom-left-block,
.custom-right-block.blog-articles-right-block {
  float: right;
}
aside.widget-container.custom-left-block {
  width: 25%;
  padding-left: 10px;
  padding-right: 2.5rem;
  margin-top: -21px;
}
.widget.recent_article {
  margin: 0 0 30px 0;
  padding: 4px 4px 10px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  background: #fff;
  position: relative;
  top:37px;
}
h4.widget-title {
  width: 100%;
  padding: 10px;
  background: #38b44a;
  font: 700 14px / 24px Poppins, sans-serif;
  color: #fff;
  cursor: pointer;
  margin: 0 0 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
.widget.recent_article ul {
  padding: 0;
}
.widget.recent_article ul li.col-xs-12.padding_0 {
  padding: 0 10px;
  margin: 0 0 10px;
  display: flex;
  column-gap: 7px;
  align-items: flex-start;
}
.widget .artical-image img {
  border-radius: 5px;
}
.widget.recent_article h5.article__title {
    font: 400 12px / 18px Poppins, sans-serif;
    margin: 0;
    padding: 0 0 10px;
    white-space: normal;
    overflow: hidden;
    text-overflow: inherit;
}
.widget-container .article__title a {
  text-decoration: none;
  color: #000;
}
.recent_article .article-detail .article_date {
  font: 400 14px / 18px Poppins, sans-serif;
}
.custom-right-block.blog-articles-right-block {
  width: 75%;
}
.article-card-wrapper.card-wrapper {
  padding: 10px;
  box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.1);
  margin: 0 0 30px;
  background: #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
a.blog-tags {
  text-decoration: none;
  color: #000;
}
.custom-right-block.blog-articles-right-block .card__heading a::after {
  bottom: 45%;
}
.tt-social-share {
  float: left;
  width: 100%;
  margin: 10px 0 15px;
}
.tt-social-share > div {
  float: left;
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
}
.tt-social-share > div > a,
.tt-social-share > div > a {
  padding: 0;
  float: left;
  width: 30px;
  height: 30px;
  /* border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  /* box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); */
  /* -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2);  */
  text-align: center;
  color: #fff;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
}
/* .tt-social-share > div.facebook > a,
.tt-social-share > div.facebook > a {
  background: #3b5998;
}
.tt-social-share > div.twitter > a,
.tt-social-share > div.twitter > a {
  background: #00aced;
}
.tt-social-share > div.pinterest > a,
.tt-social-share > div.pinterest > a {
  background: #c8232c;
}
.tt-social-share > div.linkedin > a,
.tt-social-share > div.linkedin > a {
  background: #0077b5;
} */
.tt-social-share i.mdi {
  font-size: 18px;
  line-height: 30px;
  float: left;
  width: 100%;
}
.blog-btn a.btn {
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.custom-right-block.blog-articles-right-block h1.title--primary {
  font-size: 32px;
  margin-top: 8px;
  font-weight: 500;
}
.custom-right-block.blog-articles-right-block .blog-articles {
  margin-top: -5rem;
}
.custom-right-block.blog-articles-right-block a.full-unstyled-link {
  font-size: 16px;
  font-weight: 600;
}
.custom-right-block.blog-articles-right-block
  p.article-card__excerpt.rte-width {
  font-size: 14px;
}
.custom-right-block.blog-articles-right-block .blog-tag {
  font-size: 14px;
}
.custom-right-block.blog-articles-right-block .pagination-wrapper {
  margin-bottom: 4rem;
}
.article-card__image.media.media--hover-effect {
  border-radius: 5px;
}
.article-template__hero-adapt.media {
  border-radius: 8px;
}
.main-article-template.page-width {
  margin-top: 36px;
}
.main-article-template .article-template__comment-wrapper.background-secondary {
  margin-bottom: 36px;
}
span.circle-divider.caption-with-letter-spacing {
  font-size: 14px;
  color: #333;
  border-right: 1px solid #e5e5e5;
  padding-right: 15px;
}
.main-article-template .circle-divider:after {
  display: none;
}
.main-article-template header.page-width-article {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding: 25px 0;
}
h1.article-template__title {
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
}
.main-article-template span.circle-divider {
  font-size: 14px;
  color: #5c5c5c;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #e5e5e5;
}
.main-article-template .article-template__content.page-width-article.rte {
  font-size: 16px;
}
.main-article-template .article-template__content.page-width-article.rte a {
  text-decoration: none;
}
.main-article-template .article-template__content.page-width-article.rte h1 {
  font: 600 18px / 20px Poppins, sans-serif;
  margin: 0;
}
.main-article-template .article-template__content.page-width-article.rte ol {
  margin: 0 0 2.5px 0px;
  padding: 0;
}
.main-article-template .article-template__content.page-width-article.rte p {
  margin: 0 0 15px 0;
}
.main-article-template .article-template__content.page-width-article.rte ul {
  list-style-position: outside;
}
span.article-template__link-custom a {
  text-decoration: none;
  padding: 10px 20px;
  color: #fff;
  background: #060644;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}
span.article-template__link-custom a:hover {
  background: #60c36e;
}
.main-article-template .article-template__comment-wrapper {
  border-top: 1px solid #e5e5e5;
}
.main-article-template .article-template__comment-fields {
  grid-template-columns: 1fr;
}
.main-article-template .article-template__comment-wrapper h2 {
  font-size: 20px;
}
.main-article-template label.field__label {
  font-size: 14px;
}
.main-article-template .article-template__comment-wrapper input.button {
  padding: 10px 20px;
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}
.main-article-template .article-template__comment-wrapper input.button:hover {
  background: #60c36e;
}
.card--standard > .card__content .card__information {
  padding-bottom: 0;
}
.article-card-wrapper.card-wrapper {
  margin: 0;
}
.template-blog .content-for-layout li {
  list-style: none;
}
.tt-social-share > div svg {
  width: 25px;
  height: 30px;
  margin: 0 auto;
}
/* .tt-social-share > div svg path {
  fill: #fff;
} */
.material-icons.material-icons-sharp.m-right {
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .collection_list_slider .grid__item.slick-slide {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 751px) {
  .custom-right-block.blog-articles-right-block .blog-articles {
    row-gap: 20px;
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1080px) and (max-width: 1380px) {
  .custom-right-block.blog-articles-right-block {
    width: 67%;
  }
  aside.widget-container.custom-left-block {
    width: 33%;
  }
}
@media only screen and (max-width: 1080px) {
  .custom-right-block.blog-articles-right-block {
    width: 100%;
  }
  aside.widget-container.custom-left-block {
    display: none;
  }
}
/* END Custom Blog Page */
/* FAQ Page */
.template-faqs .grid__item .accordion {
  border: 1px solid #e5e5e5;
}
.template-faqs .grid__item .accordion summary {
  border-bottom: 1px solid #e5e5e5;
}
.template-faqs h2.rich-text__heading.rte {
  font-size: 32px;
  font-weight: 500;
}
.template-faqs h2.collapsible-content__heading {
  font-size: 29px;
  font-weight: 500;
}
.template-faqs .accordion summary {
  padding: 1.5rem 15px;
}
.template-faqs .accordion__title {
  font-size: 16px;
  font-weight: 700;
}
.template-faqs .accordion__content {
  padding: 0 15px;
  padding-top: 1.5rem;
}
/* END FAQ Page */

/****addition css*******/
.collection_list_slider .collection-list {
  margin-top: 0;
  margin-bottom: 0;
}
.collection-list-title {
  margin: 0;
}

/******subscription page*********/
.subscription-work .title {
  text-align: center;
  margin: 33px 0 9px;
  font-size: 20px;
  font-weight: 700;
  width: 100%;
}
.subscription-work .multicolumn-card.content-container {
  border: 1px solid #f4f7ff;
  border-radius: 14px;
  box-shadow: 0 0 16px #00000021;
  margin: 18px 27px;
}
.subscription-work .multicolumn-card__info {
  color: #000;
  padding: 1em !important;
  line-height: 30px;
  background-color: #f4f7ff;
}
.subscription-work .multicolumn-card__info h3 {
  font-weight: 500;
  font-size: 20px;
}
.subscription-work .multicolumn-card__image-wrapper--half-width {
  width: 137px;
  padding: 25px 0 !important;
}
/*****wishlist page***********/
.MyWishlist h1.wish-list {
  text-align: center;
  font-size: 32px;
  margin: 8px 0;
}
.wishlistpage-content-wrapper .container {
  padding: 0 40px;
}
.shop_table.cart.wishlist_table {
  border: 1px solid #e5e5e5;
  /* border-collapse: collapse; */
  border-spacing: 0;
  width: 100%;
}
.table-responsive .wishlist_table th {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.wishlist_table th {
  padding: 10px 15px;
  font-weight: 600;
  font-size: 14px;
}
th,
td {
  border: 1px solid #e5e5e5;
}

/* Autoship page */
h3.first-auto-ship-rich-text {
  color: #060644;
  text-align: center;
  font-size: 48px;
}
.autoship h2.title.inline-richtext.h2 {
  color: #060644;
  font-family: Poppins;
  font-weight: 400;
  font-size: 28px;
}
.autoship .collection__description a {
  color: #060644;
  border-bottom: 2px solid #060644;
}
.autoship .collection__title.title-wrapper {
  border-bottom: 0;
}
.template-search .card__information {
  grid-row-start: 1;
}
@media screen and (max-width: 380px) {
  .header__action-item_details.header_account_details {
    right: -33px;
  }
}
@media screen and (max-width: 490px) {
  body .quick-add__submit {
    padding: 10px 8px 10px 8px !important;
  }
  .quick-add__submit span.cart_btn_add {
    font-size: 14px;
  }
  body .utility-bar__grid.page-width {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 751px) {
  .template-register .customer.register,
  .template-login .customer.login {
    margin-top: 3rem !important;
  }
  .template-index
    .featured-collection-slider
    .wc_product_review_badge
    .wc_review_badge_inner {
    display: flex;
    flex-direction: column;
  }
  .custom-search-suggestion.search-modal__content.search-modal__content-bottom {
    position: relative;
    padding: 0 10px;
    max-width: 552px;
    margin: 0 auto;
    width: 100%;
  }
  .custom-search-suggestion
    button.search-modal__close-button.modal__close-button {
    display: none;
  }
  .custom-search-suggestion label.field__label {
    color: #000;
    font-size: 14px;
  }
  .custom-search-suggestion button.search__button.field__button {
    background: #38b44a !important;
    height: 45px;
    border-radius: 3px;
  }
  .custom-search-suggestion .field__input:focus {
    box-shadow: none;
    border-radius: 4px;
  }
  .custom-search-suggestion .field input[type="search"] {
    border-radius: 4px;
  }
  .custom-search-suggestion button.search__button.field__button {
    width: 5.5rem;
  }
}
@media screen and (max-width: 749px) {
  body .predictive-search__results-groups-wrapper {
    flex-direction: column-reverse;
  }
}
body {
  overflow-x: hidden;
}
body .login a[href="#recover"] {
  width: 100%;
}
button.vtl-product-card__atc-button {
  background: #060644;
  color: #fff;
  border: 0;
}
h2.title.inline-richtext.h2:after {
  background: #38b44a;
  content: "";
  bottom: -2px;
  top: auto;
  width: 100px;
  height: 3px;
  position: absolute;
  left: 0;
  right: auto;
}
.special_offer h2.title.inline-richtext.h2:after {
  background: none;
}
h2.title.inline-richtext.h2 {
  position: relative;
  padding: 0 0 8px;
  font-weight: 700;
  font-size: 22px;
  margin-top: 0;
}
@media (min-width: 320px) and (max-width: 767px){
 h2.title.inline-richtext.h2 {
  /* margin-top: 26px; */
} 
}
slider-component.slider-mobile-gutter.page-width.page-width-desktop {
  padding: 0;
}
.home-brands-section .multicolumn-card__image-wrapper {
  box-shadow: none;
  margin: 0 !important;
}
.home-brands-section .multicolumn-card__info {
  padding: 0 !important;
}
.full-unstyled-link {
  font-size: 15px;
  /* font-weight: 600; */
}
@media (min-width: 320px) and (max-width: 767px){
  .full-unstyled-link {
  font-size: 14px;
  /* font-weight: 600; */
}
}
.wc_product_review_title {
  font-size: 11px !important;
}
.center.collection__view-all {
  margin-top: 3rem;
}
@media screen and (max-width: 749px) {
  /* .template-index .pet-collection .grid--2-col-tablet-down .grid__item {
      width: calc(32.33% - var(--grid-mobile-horizontal-spacing) / 3);
      max-width: calc(32.33% - var(--grid-mobile-horizontal-spacing) / 3);
      flex-grow: 0;
  } */
  .template-index .pet-collection h3.inline-richtext {
    font-size: 17px;
  }
  h1.blg-cst {
    padding-top: 30px;
  }
}

/*======collapsible-content-new=======*/
.custom-faq-section.faq_tab_flex {
  margin-bottom: 6rem;
  width: 100%;
}
.custom-faq-section .faq_flex {
  font-size: 25px;
  line-height: 1.28em;
  letter-spacing: 0.25px;
  color: #000;
  padding: 0;
  margin: 44px 0 23px;
  text-align: center;
}
.custom-faq-section .faq {
  border-bottom: 1px solid #999 !important;
  margin: 1px 0 4px;
}
.custom-faq-section button.accordion {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  padding-top: 11px;
  padding-bottom: 12px;
}
.custom-faq-section span.plusminus {
  float: right;
  margin-right: 27px;
  font-size: 18px;
}

.custom-faq-section .panel {
  padding-bottom: 2.5rem;
}
/*======End collapsible-content-new=======*/
/* PDP Description */
.custom-faq-section.custom-product-description button.accordion {
  margin: 0;
  padding: 2rem 0;
  color: #060644;
}
.dark_bg {
  display: flex;
  width: 47%;
  padding: 10px;
  margin: 0 5px;
  gap:4px;
}
.dark_bg span {
  font-weight: 700;
  width: 34%;
}
.dark_bg p {
  margin: 5px 15px;
  line-height: 1.3;
  font-size: 16px;
}
.dark_bg:nth-of-type(1) {
  /* float: left;
  background: #efefef; */
}
.dark_bg:nth-of-type(2) {
  /* background: #efefef; */
}
.dark_bg:nth-of-type(3) {
  /* float: left;
  background: #ffffff; */
}
.dark_bg:nth-of-type(4) {
  background: #ffffff;
}
.dark_bg:nth-of-type(5) {
  /* float: left;
  background: #efefef; */
}
.dark_bg:nth-of-type(6) {
  /* background: #efefef; */
}
.dark_bg:nth-of-type(7) {
  /* float: left; */
  background: #ffffff;
}
.dark_bg:nth-of-type(8) {
  background: #ffffff;
}
.panel p {
  margin: 5px 15px;
  line-height: 1.3;
  font-size: 16px;
}
@media (max-width: 767px) {
  .dark_bg {
    width: 100%;
  }
  .dark_bg:nth-of-type(1) {
    /* background: #efefef; */
  }
  .dark_bg:nth-of-type(2) {
    background: #ffffff;
  }
  .dark_bg:nth-of-type(3) {
    /* background: #efefef; */
  }
  .dark_bg:nth-of-type(4) {
    background: #ffffff;
  }
  .dark_bg:nth-of-type(5) {
    /* background: #efefef; */
  }
  .dark_bg:nth-of-type(6) {
    background: #ffffff;
  }
  .dark_bg:nth-of-type(7) {
    /* background: #efefef; */
  }
  .dark_bg:nth-of-type(8) {
    background: #ffffff;
  }
  .dark_bg span,
  .dark_bg p {
    width: 50%;
  }
}

.custom-faq-section.faq_tab_flex.page-width.custom-product-description {
  margin: 0rem 0;
  padding: 0;
}
/* END PDP Description */

.article-card .blogs-sub-title {
  position: absolute !important;
  z-index: 2 !important;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px;
  color: #fff;
  display: none;
  justify-content: space-between;
  font-size: 13px;
}
.article-card:hover .blogs-sub-title {
  display: flex !important;
}
.blog-date,
.comments-count {
  margin: 0 0 5px 0;
}
.bloglinks {
  bottom: 0;
  height: 42px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}
@media screen and (max-width: 767px) {
  .menu-drawer__inner-container summary#HeaderDrawer-shop {
    border-bottom: 0;
    padding: 1rem 1.4rem;
    margin-left: 0;
  }
  .menu-drawer__inner-container .menu-drawer__menu-item {
    border-bottom: 1px solid #cccccc;
    margin-left: 1.6rem;
    padding-left: 0;
    font-size: 1.6rem;
    line-height: 1.25;
  }
  .menu-drawer__inner-container ul.tt_sub_menu_linklist li {
    border-bottom: 1px solid #cccccc;
    padding: 1.1rem 1.6rem;
    padding-left: 0;
    margin-left: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
  }
}

/*TH-XG750*/
a.readmore,
a.readless {
  font-weight: bold;
}

body.template-search .template-search__search,
body .moreLess.button {
  display: none;
}

@media (max-width: 767px) {
  body .slick-lightbox-slick .slick-arrow .ms-chevron {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 25px;
  }
  sticky-header .header {
    padding: 0 1rem !important;
  }
  body.template-index li[data-swiper-slide-index],
  body.template-index .wc_testimonial_section {
    padding-top: 0 !important;
  }
  body header details[open] > .search-modal {
    top: 50px;
  }
  .custom-faq-section.custom-product-description button.accordion {
    display: flex;
    justify-content: space-between;
    padding: 2rem 15px !important;
  }
  body.template-index .showMore {
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.template-index .showMore.active {
    height: auto;
    overflow: visible;
  }
  body.template-index .moreLess.button {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  body.template-index .custom-collage-section .collage--mobile {
    grid-column-gap: 4px;
  }
  body.template-index
    .custom-collage-section
    .collage--mobile
    .collage__item--left:nth-child(3n-2) {
    margin-bottom: 1px;
  }
  .multicolumn-collage.collage_grid_3,
  .multicolumn-collage.collage_grid_4 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }
  body .special_offer .title-wrapper-with-link {
    margin-bottom: 10px;
  }
  ul.product-grid.contains-card {
    column-gap: 5px;
    row-gap: 5px;
  }
  body.template-index .collection li.grid__item {
    margin-top: 0;
  }
  body .center.collection__view-all {
    margin-top: 15px;
  }
  body .special_offer .grid--2-col-tablet-down .grid__item {
    padding-bottom: 8px;
  }
  .field__input:focus {
    padding: 0.8rem 1.5rem 0.8rem 2rem !important;
  }
  body .custom-faq-section span.plusminus {
    margin-right: 0;
  }
  /***/
  /* -------------------------------comment------------------------------------------------------ */
 @media (min-width: 992px){
  body details .menu-drawer {
    transform: translateY(-100%) !important;
    transition: transform 0.6s ease, visibility 0.6s ease !important;
  }
  body details[open].menu-opening > .menu-drawer {
    transform: translateY(0) !important;
    visibility: visible !important;
  }
  html.js .menu-drawer__submenu {
    position: unset;
    transform: unset;
    visibility: visible !important;
  }
  body .menu-drawer__close-button {
    display: none;
  }
  nav.menu-drawer__navigation {
    padding: 1rem 0;
  }
  .panel p,
  .panel div {
    margin: 5px 15px;
    line-height: 1.3;
    font-size: 16px;
  }
  .menu-drawer__inner-container .menu-drawer__menu-item {
    margin: 0 1.6rem;
  }
  body .menu-drawer__menu-item > .icon-arrow {
    right: 1rem;
  }
  div#HeaderDrawer-shop {
    position: relative;
  }
  div.mobileMenuDrawer.active .menu-drawer__menu-item > .icon-arrow {
    rotate: 180deg;
    top: 24%;
  }
  .mobileMenuDrawer > .active svg.icon-arrow {
    rotate: 180deg;
    top: 24%;
  }
  .header_drawer__block_submenu_list .menu-drawer__menu-item {
    margin-left: 3rem;
  }
  body .menu-drawer__inner-container {
    height: auto;
    background: #fff;
  }
  body details[open].menu-opening > .menu-drawer {
    background: transparent;
  }
}
}
   /* -------------------------------endcomment------------------------------------------------------ */
@media (min-width: 1400px) {
  details[open] > .header__submenu {
    /* height: 562px; */
  }
}
@media screen and (max-width: 749px) {
  body.template-cart .banner__media {
    height: auto;
  }
  body.template-cart
    .banner:not(.banner--mobile-bottom):not(.email-signup-banner)
    .banner__box {
    background: transparent;
    padding: 0;
  }
}

@media screen and (min-width: 990px) {
  body .header__inline-menu.custom_mega_menu {
    margin-top: 10px !important;
  }
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 1;
}

.field__label {
  color: transparent;
}

/*Product-Variant*/
.custom_variation_lable {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  border: 0;
  padding: 15px 0;
  margin: 0;
}

label,
legend {
  color: var(--color-body-text);
  display: inline-block;
  margin-bottom: 2px;
  font-family: var(--font-stack-body);
  font-size: em(12px);
  font-weight: bold;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

/* .custom-variation-button .block-swatch.swatch1 {
  box-shadow: 0 0 0 1px #060644;
  border: 1px solid #060644;
  background: #0606440f;
  color: #060644;
  border-radius: 20px;
  margin-left: 1px;
} */

.custom-variation-button .block-swatch {
  margin-right: 0;
}

.block-swatch {
  display: inline-block;
  margin: 4px;
}

.custom-variation-button .block-swatch__item {
  padding: 5px 10px;
  border: 0;
}

.block-swatch__item {
  padding: 6px 10px;
  border-radius: 20px;
}

.block-swatch__item {
  display: block;
  padding: 6px 16px 7px;
  text-align: center;
  border: 1px solid #dcd5cf;
  border-radius: 3px;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: 0 1px 1px #e7e2de40;
}

a.block-swatch__item {
  color: var(--color-text-field);
  background: transparent;
  text-decoration: none;
}

.block-swatch {
  display: inline-block;
  margin: 4px;
}

.custom-variation-button .block-swatch {
    margin-right: 0;
    font-size: 13px !important;
    border: 1px solid #375ec9;
    border-radius: 10px;
}
.block-swatch:hover {
    box-shadow: 0 0 0 1px transparent;
    border: 1px solid transparent;
    background: #e5eaf8ab;
    color: #060644;
    border-radius: 10px;
}
.shopify-section-header-sticky .mobs-lg {
    margin-top: -42px;
    margin-bottom: 13px;
}
/* .shopify-section-header-sticky .header__icon_btn {
    margin-top: 10px;
} */

/* ------------------------------------------------------styling for the hamburger---------------------------------------------- */
@media (min-width: 320px) and (max-width: 991px){
  a.header__heading-link.link.link--text.focus-inset {
    display: flex;
    left: 50px;
    align-items: center;
    position: absolute;
    top: 4px;
}
}

a.header__heading-link.link.link--text.focus-inset {
    display: flex;
    align-items: center;
}
.hamburgers {
    line-height: normal;
}
.hamburgers_and_logo {
    display: flex;
    gap: 3px;
    align-items: center;
}
summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset svg.icon.icon-hamburger {
    opacity: 4;
    color: #fff !important;
    height: 4rem;
    width: auto;
    fill: white;
}
@media (min-width: 1024px){
  summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset svg.icon.icon-hamburger {       
    /* margin-top: -5px; */
}
  }

.hamburgers header-drawer {
        display: block;
    }
.scrolled-past-header .hamburgers {
    line-height: normal;
    display: block;
}
.hamburgers {
    line-height: normal;
    display: block;
}
/* summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset {
    display: none;
} */
.hamburgers summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset {
    display: block;
}
@media (min-width: 991px){
.template-index .hamburgers svg.icon.icon-close {
    right: -54px;
    top: 11px;
    background: white;
    box-shadow: -2px 0px 20px 5px #0000007a;
    height: 33px;
    width: auto;
    padding: 7px;
    border-radius: 17px;
}
.hamburgers svg.icon.icon-close {
    right: -6px;
    top: 11px;
    background: white;
    box-shadow: -2px 0px 20px 5px #0000007a;
    height: 33px;
    width: auto;
    padding: 7px;
    border-radius: 17px;
}
  .hamburgers svg.icon.icon-close path {
    fill: black;
}
  svg.icon.icon-hamburger {
    display: none ! IMPORTANT;
}
  .scrolled-past-header svg.icon.icon-hamburger {
    display: block ! IMPORTANT;
}
}
.hamburgers .header__icon--menu .icon {
    display: block;
    position: absolute;
    opacity: 1;
    transform: scale(1);
    transition: transform .15s ease, opacity .15s ease;
}

.hamburgers div#menu-drawer {
    top: 0;
    height: 100vh;
}
body.gradient.template-index.template-.overflow-hidden-tablet {
    overflow: hidden;
}
body.gradient.template-index.template-.overflow-hidden-tablet .hamburgers_and_logo {
    display: flex;
    display: block;
    height: 105vh;
    width: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);
}
@media (min-width: 320px) and (max-width: 991px){
body.gradient.template-index.template-.overflow-hidden-tablet .hamburgers_and_logo {
    height: auto;

}
  .hamburgers div#menu-drawer {
    top: 48px;
    height: 100vh;
}
}
@media (min-width: 992px){
.header-section-cust.load-more-button {
    display: none;
}
}
nav.header__inline-menu.custom_mega_menu {
    align-items: center;
}
.menu-opening summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset {
    width: 40rem;
    position: relative;
}
@media screen and (min-width: 990px) {
    .header__inline-menu .list-menu--inline {
        column-gap: 12px !important;
    }
}
@media (min-width: 992px) and (max-width: 1326px){
  .contact_information_data {
    display: none;
}
}
@media (min-width: 320px) and (max-width: 991px){
  svg.icon.icon-close {
    left: 4px;
    background: #060644;
    height: 25px;
    width: 34px;
    z-index: 999999;
}
  .sub_sub_menu.menu-drawer__menu-item details#Details-menu-drawer-menu-item-2 summary#HeaderDrawer-cat {
    border: none ! IMPORTANT;
}
  .menu-drawer__menu-item details#Details-menu-drawer-menu-item-2 summary#HeaderDrawer-cat {
    border: none;
}
}
.pop_brd_title {
    padding: 0 38px;
    font-size: 21px;
    font-weight: 500;
}
.inner_meu_content.pop_.brd {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px
}
.menu-item.has-submenu:hover {
    background: #1e336e;
}
.menu-drawer__submenu .menu-drawer__menu-item details#Details-menu-drawer-menu-item-2:hover {
    background: whitesmoke !important;
}
.menu-drawer__submenu .menu-drawer__menu-item:hover {
    background: transparent !important;
}
.sub_sub_menu.menu-drawer__menu-item .menu-title :hover {
     background: whitesmoke !important;
}
nav.menu-drawer__navigation .menu-title:hover {
     background: whitesmoke !important;
}

@media (min-width: 992px){ 

.shopify-section.shopify-section-group-header-group.section-header.shopify-section-header-sticky summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset {
    display: none;
}
.shopify-section.shopify-section-group-header-group.section-header.shopify-section-header-sticky.scrolled-past-header summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset {
    display: block !important;
}
a.header__heading-link.link.link--text.focus-inset {
    padding: 0;
}

.wrapper-top-cart {
    margin-top: -9px;
}
}



/* custom mega menu file css  */
   /* General Menu Styling */
  .lists-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .menu-item {
    /* position: relative; */
    /* padding: 10px 0; */
  }

  .menu-link {
    text-decoration: none;
    color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
        padding-bottom: 5px;
  }

  /* Submenu Icons */
  .submenu-icon {
    margin-left: 10px;
    font-size: 12px;
    /* transition: transform 0.3s ease; */
  }

  .has-submenu:hover .submenu-icon {
    /* transform: rotate(180deg); /* Rotate the icon on hover */ */
  }

  /* Submenu Styling */
  .has-submenu .submenu-block,
  .multi_level_menus,
.has-submenu .submenu {
  display: none; /* Initially hidden */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 10px 0;
  opacity: 0;
  animation: fadeIn 0.2s linear;
  pointer-events: none; /* Prevent accidental interactions */
  overflow-x: hidden;
  height: 72vh;
  width: 100%;
  color: black;
}
  
  /* Show Submenu on Hover */
 .has-submenu:hover .submenu,
 .has-submenu:hover .multi_level_menus,
.has-submenu:hover .submenu-block {
  display: block;
  opacity: 1;
  pointer-events: auto; /* Allow interactions */
      z-index: 999999999;
}
  /* Allow Interaction on Submenu Itself */
.submenu-block:hover,
.submenu:hover {
  display: block;
  opacity: 1;
  pointer-events: auto; /* Maintain visibility and interactivity */
    z-index: 999999999;
}

  /* Submenu Links */
  .submenu-link {
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    display: block;
  }

  /* Fade-in Animation */
  /* @keyframes fadeIn {
    0% {
      display: none;
      opacity: 0;
  }
    0.1% {
      display: block;
      opacity: 0;
  }
    100% {
      display: block;
      opacity: 1;
  }
  } */
  svg.icon.icon-caret {
      /* position: absolute; */
      height: 9px;
      right: 0;
      top: 21px;
  }
    .mega_menu_inner {
      color: black;
      display: flex;
  }
  .heading a {
    color: black;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-body-family);
    text-decoration: none;
}
  .menu-title a {
    color: black;
    font-family: var(--font-body-family);
    font-size: 16px;
    text-decoration: none;
    display: block;
}
  .heading {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 7px;
}
 
  .heading {
    border-bottom: 1px solid #eeeeee;
    margin: 10px 2px;
    padding: 3px 0;
    line-height: 31px;    
}
  img.menu_sidebar_img {
    height: auto;
    width: 100%;
}
  .menus {
    width: 100%;
    padding: 0px 11px
}

  .inner_meu_content {
    display: flex;
    justify-content: space-evenly;
    padding: 0 38px;
    max-width: 144rem;
    width: 100%;
}
  .sidebar_img {
    width: 33%;
}
  .mega-menu-in {
    width: 70%;
}
.collection-item {
        width: auto;
    max-width: 100%;
    margin-top: 5rem;
    margin-bottom: 1rem;
}
  .collection-item:hover {
    transform: scale(1.05);
    /* border: solid .2rem var(--chirp-ui-bg-07, #cccccc); */
}

  .submenu-block.sub_sub {
    color: black;
}
  .sub_sub_link {
    width: 12%;
}
  .inner_mega {
      width: 86%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
  /* .sub_sub_link:hover + .inner_mega {
    background: red;
     display: block;
}
  .inner_mega {
    display: none;
} */
  
  .inner_mega {
    display: none; /* Hidden by default */
    background-color: #fbfcff;
    /* padding: 20px; */
    margin: 10px 0;
    /* border: 1px solid #ccc; */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease; /* Smooth transition */
  }

  .inner_mega.active {
    display: block; /* Ensure it stays in the layout */
    opacity: 1; /* Fully visible */
  }
   .sub_sub_link {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
     color: black;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 600;
    margin: 3px 11px;
  }

 .sub_sub_link.active-link {
    background-color: #f3f4f8;
    color: black;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 600;
    margin: 3px 11px;
}
.card_product_vendor.caption-with-letter-spacing {
    font-weight: 700;
}
.custom-variation-button .block-swatch.active {
    border: 2px solid #375ec9 !important;
    border-radius: 10px;
    margin-left: 1px;
    border-width: 1px;
    background: #cfd8f28a;
}
@media (min-width: 991px) {
  .facets-container .lable-from, .facets-container .lable-to, input#Filter-Price-GTE, input#Filter-Price-LTE, .breadcrumb a, .breadcrumb span {
    font-size: 13px !important;
    font-weight: 400;
    padding: 2px 0;
}

}
@media (min-width: 991px) {
  a.phone_num_for_mob {
    display: none !important;
  }
 
}
@media (min-width: 320px) and (max-width: 767px){
  form.search.search-modal__form input.search__input.field__input {
    border-radius: 4px;
}
svg.icon.icon-search {
    color: #060644;
}

}

@media (min-width: 991px) {
   .search__input.field__input::placeholder {  
    /* opacity: 0 !IMPORTANT;
    display: none; */
     
}
 form.search.search-modal__form label.field__label {
    display: none;
}
}
#vitals-tabs-placeholder {
    margin: 0 !important;
}
.vt-tab-content {
    padding-top: 0 !important;
}
.brand_imgs.inner_meu_content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
}
.field__input:focus~.field__label, .field__input:not(:placeholder-shown)~.field__label, .field__input:-webkit-autofill~.field__label, .customer .field input:focus~label, .customer .field input:not(:placeholder-shown)~label, .customer .field input:-webkit-autofill~label {
    font-size: 0rem !important;
    top: calc(var(--inputs-border-width) + .5rem);
    left: calc(var(--inputs-border-width) + 2rem);
    letter-spacing: .04rem;
}
.field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill, .customer .field input:focus, .customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill {
    padding: 0px 19px ! IMPORTANT;
    margin: var(--inputs-border-width);
}
smc-preloader {
    display: none;
}

#scrollToTopBtn {
    position: fixed;
    bottom: 0;
    right: 00;
    z-index: 9999;
    background-color: transparent;
    color: #fff;
    border: none;
    padding: 12px 16px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    display: none;
    box-shadow: none;
    transition: opacity .3s ease-in-out;
}
@media (min-width: 991px){
  .main-blog.page-width {
    padding-left: 0;
    padding-right: 0;
}
}
h3.card__heading.h5 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 4em;
    cursor: pointer;
}
.template-article table {
    width: auto ! IMPORTANT;
}
select#appstle_selling_plan_cart {
    height: auto;
    font-size: 15px;
}
.appstle_subscription_cart_wrapper input[type="checkbox"] {
    height: auto;
    width: auto;
}
.appstle_subscribe_selected_text {
    font-size: 15px;
}
span.appstle_deliveryText {
    font-size: 15px;
}
span.appstle_applied_sellingPlanName {
    font-size: 15px;
}
p.appstle_applied_discountText {
    font-size: 15px;
}
ul.menu-drawer__menu.has-submenu.list-menu svg.icon.icon-caret {
    top: 13px;
}
.page-width.recent-blogs {
    padding-bottom: 16px;
}
.appstle_subscribe_option_grid .appstleSelectedSellingPlanOptionDescription p {
    font-size: 14px;
}
.template-product .kin-kwik {
    /* display: none; */
}
.view-mode.filter-grid-list.grid__item {
    /* display: none; */
}
.popup-content {
    border: 1px solid gray;
    padding: 9px;
}
@media (min-width: 768px){
  body.template-collection .facets-vertical-form {
    justify-content: space-between;
    display: flex
;
}
}
span.mobile-facets__close.mobile-facets__close--no-js svg.icon.icon-close {
    background: transparent;
}
.view-mode.filter-grid-list.grid__item {
    display: none;
}


/* Css past from the inline script file  */

body .footer-block__image-wrapper img {
	width: 100%;
	height: auto;
}

@media (max-width: 768px) {
  #header-drawer-container {
      position: absolute;
      width: auto;
      height: auto;
      max-width: 100%;
      left: 12px;
      top: 4px;
  }

  #Details-menu-drawer-container summary.header__icon {
      position: relative;
      left: 10px;
      top: 1px;
    /* color: red; */
        /* background: yellow; */
  }
  svg.icon.icon-hamburger {
    display: block ! IMPORTANT;
}
  summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset svg.icon.icon-hamburger {
    opacity: 4;
    color: #fff !important;
    height: 4rem;
    width: auto;
    fill: white;
}
  
  
  header p.custom-humb-icon {
	margin-top: 0 !important;
  	margin-bottom: 0 !important;
  }
}




 .appstle_sub_widget:nth-child(2) {
        display: none;
    }
   .appstle_sub_widget:nth-of-type(2) {
        display: none;
    }
      button.needsclick.kl-teaser-XgkYCs.undefined.kl-private-reset-css-Xuajs1 {
        width: 100px !important;
    }
    div.kl-private-reset-css-Xuajs1.go3176171171 p span {
        font-size: 14px !important;
    }
    span.needsclick.go681896951.kl-private-reset-css-Xuajs1 {
      min-height: 20px !important;
  }
    .header-section-cust.load-more-button {
      margin-top: -18px;
  }
  .header__icon--menu[aria-expanded=true]:before {
    display: none !important;
  }
  .custom-humb-icon .icon rect {
    fill: #fff;
    height: 13px;
}
.custom-humb-icon svg.icon.icon-hamburger {
    height: 2rem;
    width: 2rem;
    fill: none;
    vertical-align: middle;
}
  p.custom-humb-icon {
    margin-top: -35.2px !important;
    margin-left: 9.2px !important;
}
  /* .custom-lazy-content p.custom-humb-icon {
    display: block;
} */
  .section-header.menu-open p.custom-humb-icon {
    display: none;
}
  /* summary.header__icon.header__icon--menu.header__icon--summary.link.focus-inset svg.icon.icon-hamburger {
    opacity: 0;
} */
  @media screen and (max-width: 767px) {
    .custom-lazy-content.template-index .collection-list__item.grid__item:nth-child(n+4) {
      display: none;
  }
    .custom-lazy-content .featured-collection-slider .grid__item:nth-child(n+3) {
      display: none;
  }
    .custom-lazy-content .multicolumn-list__item.grid__item:nth-child(n+5) {
        display: none;
    }
    #MainContent {
    	display: flex;
    	flex-direction: column;
    }
    #shopify-section-template--22399039865123__rich_text_K3xifB {
    	order: 4;
    }
    #shopify-section-template--22399039865123__171022832937af1148 {
    	order: 5;
    }
  }
  .custom-lazy-content .slide.product__media-item.grid__item.slider__slide:nth-child(n+2) {
        display: none;
    }
    .custom-lazy-content .product-thumbnail_slider {
        display: flex;
    }




/* past Cart-drawer.liquid file css      */
  a.cart_link_btn button.cart_drawer_cart_btn {
      color: white;
      background: #0c0c2b;
      padding: 9px 58px;
      font-size: 17px;
      font-weight: 500;
  }
    @media screen and (min-width: 750px) {
      .cart__ctas {
          display: flex;
          gap: 1rem;
          align-items: flex-end;
      }
  }
    a.side_cart.cart-item__name.h4.break {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
  }
    .cart__note .field__input {
      border: 1px solid #e5e5e5;
      border-radius: 8px !important;
      height: 0;
      min-height: 70px;
  }
    .cart_drawer_btn {
      width: 100%;
  }
    @media screen and (min-width: 750px) {
      .cart__ctas {
          max-width: 100% !important;
          margin: 0 auto;
      }
  }


  /* Rivyo review widget.liquid file past code  */

   /* .pro_rating_count span:before {
    content: "(";
    margin-left: 0px;
}
   .pro_rating_count span:after {
    content: ")";
    margin-left: 19px;
} */
  .rating_widget {
    display: flex;
    align-items: center;
    gap: 5px;
    /* background: whitesmoke; */
    padding: 4px 0px;
    border-radius: 0 9px 0px 9px;
    width: auto !IMPORTANT;
  }
.rivyoReviewIcon {
    height: 18px;
    width: 18px;
}
  .pro_rating_val {
      display: block;
    width: 100%;
    font-size: 13px !important;
    font-weight: 600;
    margin-top: 3px !important;
  }

  .rivyoReviewWidget .rivyoReviewRatingIcon svg {
    width: 16px !important;
    height: 16px !important;
  }
.rivyoReviewWidget .rivyoReviewIcon {    
    width: 100%;
}
  .pro_rating_count {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 0px;
    margin-top: 4px;
  }

  .rivyoReviewWidget {
    margin: 3px 0;
    padding: 6px 0 8px 0;
  }
  .rivyoReviewIcon svg#Capa_1 {
    height: 16px;
    width: 16px;
    margin-top: 1px;
}


/* card-product.lqiued file css past */
 /* Ensure old_swiper respects card layout */
.card__media {
  position: relative;
  overflow: hidden;
}

/* Hide arrows by default, show on hover */
.card__media:hover .old_swiper-arrow {
  display: flex;
}

.old_swiper-arrow {
      display: none;
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background: #2b21210f !IMPORTANT;
    border-radius: 50%;
    color: black !important;
    justify-content: center;
    align-items: center;
}

.old_swiper-button-prev {
  left: 0px;
}

.old_swiper-button-next {
  right: 0px;
}
  
.old_swiper-button-next.old_swiper-arrow:hover {
    background: #7b7b7b ! IMPORTANT;
    z-index: 9999;
}
.old_swiper-button-prev.old_swiper-arrow:hover {
    background: #7b7b7b ! IMPORTANT;
    z-index: 9999;
}
  
/* old_swiper default tweaks */
.product-old_swiper .old_swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
 .card__inner .card__content {
    display: none;
}
  .old_swiper-button-next:after, .old_swiper-button-prev:after {
    font-size: 16px;
} 
  .card__heading a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    z-index: 1;
} 
  .card__media .old_swiper-slide a img {
    height: 100%;
    background-color: white;
}
@media (min-width: 320px) and (max-width: 767px){
  .card__media .old_swiper-slide a img {
    padding: 16px;
}
}
.cls-1 {
        fill: #fff;
      }

      .cls-2 {
        fill: #0e0e44;
      }


/* header-custom-drawer.liquid code past */

       .sub_sub_menu.menu-drawer__menu-item .menu-title {
    padding: 7px 31px;
}
            .menu-drawer__menu-item details#Details-menu-drawer-menu-item-2:hover , , li.sub_menu:hover {
    background: rgba(var(--color-foreground), .04);
}
.menu-drawer__menu-item:hover  {
    background: #f2f2f4;
}            
@media (min-width: 320px) and (max-width: 991px){
  body.gradient.template-index.template-.overflow-hidden-tablet .hamburgers_and_logo {
        position: inherit;
  }
}


/* custom_mega_menu.liquid fil css code past */
   /* General Menu Styling */
  .lists-menu {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .menu-item {
    /* position: relative; */
    /* padding: 10px 0; */
  }

  .menu-link {
    text-decoration: none;
    color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
        padding-bottom: 5px;
  }

  /* Submenu Icons */
  .submenu-icon {
    margin-left: 10px;
    font-size: 12px;
    /* transition: transform 0.3s ease; */
  }

  .has-submenu:hover .submenu-icon {
    /* transform: rotate(180deg); /* Rotate the icon on hover */ */
  }
@media (min-width: 992px) and (max-width: 1400px){
  /* Submenu Styling */
  .has-submenu .submenu-block,
  .multi_level_menus,
.has-submenu .submenu {
  display: none; /* Initially hidden */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 10px 0;
  opacity: 0;
  animation: fadeIn 0.2s linear;
  pointer-events: none; /* Prevent accidental interactions */
  overflow-x: hidden;
  height: 65vh;
  width: 100%;
  color: black;
  padding-bottom: 0px;
}
}
@media (min-width: 1401px){
   /* Submenu Styling */
  .has-submenu .submenu-block,
  .multi_level_menus,
.has-submenu .submenu {
  display: none; /* Initially hidden */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 10px 0;
  opacity: 0;
  animation: fadeIn 0.2s linear;
  pointer-events: none; /* Prevent accidental interactions */
  overflow-x: hidden;
  height: 50vh;
  width: 100%;
  color: black;
  padding-bottom: 0px;
}
}
  /* Submenu Links */
  .submenu-link {
    text-decoration: none;
    color: #333;
    padding: 5px 10px;
    display: block;
  }

  /* Fade-in Animation */
  /* @keyframes fadeIn {
    0% {
      display: none;
      opacity: 0;
  }
    0.1% {
      display: block;
      opacity: 0;
  }
    100% {
      display: block;
      opacity: 1;
  }
  } */
  svg.icon.icon-caret {
      /* position: absolute; */
      height: 9px;
      right: 0;
      top: 21px;
  }
    .mega_menu_inner {
      color: black;
      display: flex;
  }
  .heading a {
    color: black;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-body-family);
    text-decoration: none;
}
  .menu-title a {
    color: black;
    font-family: var(--font-body-family);
    font-size: 14px;
    text-decoration: none;
    display: block;
        text-align: left;
}
  .heading {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 7px;
}
 
  .heading {
    border-bottom: 1px solid #eeeeee;
    margin: 10px 2px;
    padding: 3px 0;
    line-height: 31px;    
}
  /* img.menu_sidebar_img {
    height: 438px;
    width: auto;
} */
  .multi_level_menus .multi-submenu-block .mega_menu_inner .sidebar_img img.menu_sidebar_img {
    height: 96%;
    width: 100%;
    /* object-fit: cover; */
}
  .menus {
    width: 100%;
    padding: 0px 11px
}

  .inner_meu_content {
    display: flex;
    justify-content: space-evenly;
    padding: 0 17px;
    max-width: 144rem;
    width: 100%;
}
  .sidebar_img {
    width: 25.5%;
    display: flex;
    justify-content: flex-end;
}
  .mega-menu-in {
    width: 81%;
}
.collection-item {
        width: auto;
    max-width: 100%;
    margin-top: 5rem;
    margin-bottom: 1rem;
  border:0;
}
  .collection-item:hover {
    transform: scale(1.05);
    border:0;
}

  .submenu-block.sub_sub {
    color: black;
}
  .sub_sub_link {
    width: 12%;
}
  .inner_mega {
      width: 86%;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
  /* .sub_sub_link:hover + .inner_mega {
    background: red;
     display: block;
}
  .inner_mega {
    display: none;
} */
  
  .inner_mega {
    display: none; /* Hidden by default */
    background-color: #fbfcff;
    /* padding: 20px; */
    margin: 10px 0;
    /* border: 1px solid #ccc; */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease; /* Smooth transition */
  }

  .inner_mega.active {
    display: block; /* Ensure it stays in the layout */
    opacity: 1; /* Fully visible */
  }
   .sub_sub_link {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
     color: black;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 600;
    margin: 7px 11px;
  }

.sub_sub_link.active-link {
    background-color: #8080806b;
    color: black;
    border-radius: 5px;
    font-size: 19px;
    font-weight: 600;
    margin: 3px 11px;
}
  .inner_meu_content.pop_.brd {
    display: none;
}
  .pop_brd_title {
    display: none;
}
  img.collection-image {
        border-radius: 15px;
}
  .sub_sub_link {
    background: #d3d3d37a;
        position: relative;
}
  .sub_sub_link.active-link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #8080806b;
}
  img.collection-image.\31 {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
  @media (min-width: 991px) and (max-width: 1400px){
    .multi-submenu-block.sub_sub img.collection-image.\34 {
    width: 110px;
}
  }

/* Header-account-form.liquid file css code  */
.header__details_wrapper.header_account_details_wrapper {
    width: 100%;
      display: block !important;
}
.header__details_wrapper.header_account_details_wrapper {
    width: 100%;
}
    .header__action-item_details.header_account_details {
    left: auto;
    width: 257px;
    right: 0;
    padding: 10px 15px;
}
    button.logout_btn_head {
    margin: 0;
    margin-bottom: 11px;
}
    .btn_hub {
    display: flex;
    align-items: center;
    gap: 10px;
}
  .btn_hub .profile_btn a {
    padding: 0;
          margin: 0;
}
    .customer button {
    margin: 0;
}


/* Header file css code past  */
 @media (min-width: 320px) and (max-width: 767px){
    .hide_for_desk {
      display: block !important;
    }
    button.search-modal__close-button.modal__close-button.link.link--text.focus-inset {
    display: none;
}
  .search-modal__content {
    display: flex;
    align-items: center;
    padding: 1px 5px;
    }
 .field__input, .select__select, .customer .field input, .customer select {
    height: 4rem !important;    
}
    .custom-search-suggestion button.search__button.field__button {
    background: #f7f7f7 !important;
    height: 40px ! IMPORTANT;
    border-radius: 3px;
}
    .announcement-bar__announcement.desktop-hide {
    display: none;
}
  }
  a.phone_num_for_mob {
    z-index: 999;
    display: flex;
    margin-right: 4px;
        text-decoration: none;
    margin-left: 10px;
}
  a.phone_num_for_mob span {
    color: white;
    font-size: 28px;
    text-decoration: none;
}

 /* Main slider .liquid css code pasted here */

  .desktop-only img , .mobile-only img {
    border-radius: 10px;
}
  .slider-section .swiper-container {
  overflow: hidden; /* Hide the overflowing slides */
}

.slider-section .swiper-wrapper {
  margin-left: 0;
  margin-right: 0;
}

.slider-section .swiper-slide {
  box-sizing: border-box;
  width: 100%; /* Ensure the slides take full width */
}

  .slider-section {
    width: 100%;
    position: relative;
        padding-bottom: 15px;
        z-index: 0;
  }
  
  .swiper-container {
    width: 100%;
  }
  
  .swiper-slide {
    position: relative;
  }
  
  .swiper-slide img {
    width: 100%;
    display: block;
  }
  
  /* Responsive image handling */
  .desktop-only {
    display: block;
  }
  
  .mobile-only {
    display: none;
  }
  
  @media screen and (max-width: 767px) {
    .desktop-only {
      display: none;
    }
    
    .mobile-only {
      display: block;
    }
  }
  
  /* Pagination and navigation styling */
  .swiper-pagination {
    position: absolute;
    bottom: 15px;
    width: 100%;
    z-index: 10;
    text-align: center;
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    color: #fff;
    z-index: 10;
  }
  
  /* Custom pagination styling for <...> */
  .custom-pagination .swiper-pagination-bullet {
    position: relative;
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.7;
    margin: 0 8px;
    transition: all 0.3s ease;
  }
  
  .custom-pagination .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
  }
  
  .custom-pagination .swiper-pagination-bullet-active:before,
  .custom-pagination .swiper-pagination-bullet-active:after {
    position: absolute;
    top: 0;
    font-size: 14px;
    color: #fff;
    opacity: 1;
  }
  @media (min-width: 320px) and (max-width: 767px){
    .announcement-bar {
    margin-bottom: 0px;
}
    .slider-section .page-width {
    padding-top: 8px;
}
  }
  
  /* .custom-pagination .swiper-pagination-bullet-active:before {
    content: '<';
    left: -8px;
  }
  
  .custom-pagination .swiper-pagination-bullet-active:after {
    content: '>';
    right: -8px;
  } */
.progress-slider-controls {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 10;
}

.progress-toggle {
  background: none;
  color: white;
  font-size: 14px;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  cursor: pointer;
}

.progress-bar-wrapper {
  display: flex;
  gap: 6px;
  width: 200px;
}

.progress-segment {
  flex: 1;
  height: 4px;
  background-color: white; /* base white track */
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.progress-fill {
  height: 100%;
  width: 0%;
  background-color: #ffffff;
  transition: width linear;
  display: block !important;
}

/* Red fill only on active segment */
.progress-segment.active .progress-fill {
  background-color: #c9b8ae;
}

/* Testimonial css code pasted here  */
h2.testimonial-title.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
    margin: 0;
    margin-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 767px){
  h2.testimonial-title.title.inline-richtext.h2.scroll-trigger.animate--slide-in {
    margin: 0;
    margin-bottom: 24px;
    /* margin-top: 21px; */
}
}
  /* .testimonial-section {
    padding: 60px 20px;
    background-color: #f8f9fa;
  } */
  section.testimonial-section {
    padding-bottom: 14px;
}
  section.testimonial-section .testimonial-container {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  section.testimonial-section .testimonial-title {
    text-align: left;
    font-size: 2.5rem;
    font-weight: 400;
    color: #121212;
    margin-bottom: 8px;
    /* margin-left: 15px; */
}
  
 section.testimonial-section  .testimonial-card {
    background: #e5e2ee;
    border-radius: 20px;
    padding: 4px 17px;
    /* margin: 0 15px; */
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.1); */
    transition: transform 0.3s ease;
    min-height: 208px;
    display: flex ! IMPORTANT;
    flex-direction: column;
    
  }
  section.testimonial-section .testimonial-card.slick-slide {
    display: flex ! IMPORTANT;
}
  
  
 section.testimonial-section .stars {
    display: flex;
    gap: 3px;
    margin-bottom: 0;
  }
  
  section.testimonial-section .star {
    color: #ffd700;
    font-size: 25px;
  }
  
  section.testimonial-section .testimonial-heading {
    font-size: 18px;
    font-weight: 600;
    color: #0b0c32;
    margin-bottom: 8px;
    line-height: 1.4;
        margin-top: 0;
}
  
  section.testimonial-section .testimonial-text {
        color: black;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    margin: 0px;
}
  
 section.testimonial-section .read-more {
    color: black;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 20px;
}
  
 section.testimonial-section .read-more:hover {
    text-decoration: underline;
  }
  
 section.testimonial-section .testimonial-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    margin-bottom: 10px;
  }
  
 section.testimonial-section .customer-name {
    font-weight: 400;
    color: black;
        font-size: 15px;
  }
  
 section.testimonial-section .testimonial-date {
    color: black;
    font-size: 12px;
  }
  
 section.testimonial-section .slick-prev,
 section.testimonial-section .slick-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* background: white;
    border: 2px solid #e9ecef; */
    z-index: 1;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
  }
  
 section.testimonial-section .slick-prev:before,
 section.testimonial-section .slick-next:before {
        font-size: 25px;
    color: #2c3e50;
    opacity: 1;
    background: whitesmoke;
    width: 50px;
    height: 50px;
    box-shadow: 0px 0px 2px #929292;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    top: inherit;
    bottom: 4px;
    border: none;
  }
  
 section.testimonial-section .slick-next {
    right: 46%;
    top: 98%;
}
  
  section.testimonial-section .slick-prev {
    left: 45%;
    top: 98%;
}
  
/* Hide dots completely */
 section.testimonial-section .slick-dots {
    display: none !important;
  }
  
  /* Modal Styles */
   .testimonial-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(5px);
  }
  
  .modal-content {
    background-color: white;
    margin: 5% auto;
    padding: 40px;
    border-radius: 20px;
    width: 90%;
    max-width: 600px;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    animation: modalFadeIn 0.3s ease-out;
  }
  
  @keyframes modalFadeIn {
    from {
      opacity: 0;
      transform: translateY(-50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
   .modal-close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    color: #aaa;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
  }
  
 .modal-close:hover {
    color: #000;
    background-color: #f5f5f5;
  }
  
 .modal-header {
    margin-bottom: 20px;
  }
  
 .modal-stars {
    display: flex;
    gap: 3px;
    margin-bottom: 15px;
  }
  
 .modal-title {
      font-size: 19px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 15px;
  }
  
 .modal-text {
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 30px;
    font-size: 20px;
  }
  
 .modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  
 .modal-customer {
    font-weight: 600;
    color: #2c3e50;
    font-size: 23px;
  }
  
  .modal-date {
    color: #6c757d;
  }
  
 .social-share {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
 .social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-decoration: none;
    transition: transform 0.3s ease;
  }
  
 .social-btn:hover {
    transform: scale(1.1);
  }
  
 .facebook-btn {
    background-color: #1877f2;
    color: white;
  }
  
 .twitter-btn {
    background-color: #000;
    color: white;
  }
  
  @media (max-width: 768px) {
    .testimonial-title {
      font-size: 2rem;
    }
    
    .testimonial-card {
      margin: 0 0px;
      padding: 25px;
      min-height: 230px;
    }
    
   section.testimonial-section .slick-prev,
   section.testimonial-section .slick-next {
      width: 40px;
      height: 40px;
    }
    
   section.testimonial-section .slick-prev {
      left: 36%;
    }
    
    section.testimonial-section .slick-next {
      right: 35%;
    }
    
   section.testimonial-section .modal-content {
      margin: 10% auto;
      padding: 30px 20px;
      width: 95%;
    }
    
   section.testimonial-section .modal-title {
      font-size: 1.3rem;
    }
    
   section.testimonial-section .modal-footer {
      flex-direction: column;
      gap: 15px;
      align-items: flex-start;
    }
  }
  @media (min-width: 768px) and (max-width: 1300px){
    section.testimonial-section .slick-next {
    right: 39%;
    top: 98%;
}
    
  }
 @media (min-width: 768px){
   section.testimonial-section .testimonial-slider .slick-slide {
  margin: 0 20px; /* 20px on both sides = 40px total gap */
}

.testimonial-slider .slick-list {
  margin: 0 -20px; /* Compensate for outer spacing */
}
 }
  @media (min-width: 320px) and (max-width: 767px){
    .testimonial-slider .slick-slide {
  margin: 0 10px; /* 20px on both sides = 40px total gap */
}

.testimonial-slider .slick-list {
  margin: 0 -10px; /* Compensate for outer spacing */
}
  }
section.testimonial-section .slick-prev:before {
    content: "";
    background: url(/cdn/shop/files/drop-down-arrow-3-32.png?v=1729684532);
    background-repeat: no-repeat;
    rotate: 92deg;
    background-position: 9px 11px;
    background-color: white;
}
 section.testimonial-section .slick-next:before {
    content: "";
    background: url(/cdn/shop/files/drop-down-arrow-3-32.png?v=1729684532);
    background-repeat: no-repeat;
    rotate: 267deg;
    background-position: 9px 11px;
    background-color: white;
}

/* Lettest blog css code pasted here */

  .recent-blogs h2 {
   font-size: 2.4rem;
   /* margin-bottom: 30px; */
   font-weight: bold;
   }
   .latest-blg .blog-container {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   }
   /* Blog Item Styling */
   .latest-blg .blog-item {
   width: 33%;
   background: #e8f2f866;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
   padding: 1px 7px 0px 2px;
   }
   .latest-blg .blog-link {
   text-decoration: none;
   color: inherit;
   display: block;
   }
   .latest-blg .blog-image {
   position: relative;
   }
   .latest-blg .blog-image img {
   width: 100%;
   height: auto;
   display: block;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   /* border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px; */
   }
   .latest-blg .blog-content {
   padding: 10px 15px;
   }
   .latest-blg .blog-content h3 {
       margin-bottom: 10px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
   }
   .latest-blg .blog-content p {
   font-size: 14px;
   color: #666;
   }
   .latest-blg .blog-date {
   font-size: 12px;
   }
   .latest-blg .image-date {
   position: absolute;
   bottom: 10px;
   left: 10px;
   padding: 5px 10px;
   border-radius: 5px;
   opacity: 0;
   transition: opacity 0.3s ease;
   }
   .latest-blg .blog-image:hover .image-date {
   opacity: 1;
   background: rgba(0, 0, 0, 0.7);
   width: 100%;
   left: 0;
   bottom: -4px;
   padding: 10px;
   color: white;
   border-radius: 0;
   }
   .latest-blg .content-date {
   margin-top: 5px;
   font-weight: 500;
   }
   .view-all-container {
   text-align: center;
   margin-top: 20px;
   }
   .view-all {
   display: inline-block;
   padding: 5px 35px;
   background-color: #060644;
   color: #fff;
   border-radius: 0.3rem;
   min-height: 40px;
   text-decoration: none;
   font-weight: bold;
   transition: background-color 0.3s ease;
   }
   .blog-container.blog-swiper .swiper-wrapper {
   /* gap: 12px !important; */
   }
   /* Swiper Slider for Mobile */
   @media (max-width: 768px) {    
.latest-blg .blog-content {
    padding: 1px 7px 14px 2px;
}
   .latest-blg .blog-container {
   display: block;
   }
   .latest-blg .blog-item {
   width: 100% !important;
   margin: 0 auto !important; /* Center the blog item */
   text-align: center; /* Align content inside the blog item */
   }
   .latest-blg .blog-item img {
   max-width: 100%; /* Ensure the image scales to fit */
   height: auto; /* Maintain aspect ratio */
   }
   .latest-blg .blog-swiper {
   width: 100%;
   padding-bottom: 30px;
   }
   .latest-blg .swiper-slide {
   width: 100%;
   }
   .latest-blg .swiper-pagination {
   text-align: center;
   margin-top: 10px;
             bottom: -7px;
   }
  .latest-blg .blog-item{
       padding: 1px 7px 14px 2px;
     }
   }
   @media (min-width: 769px) {
   .latest-blg .swiper-pagination {
   display: none;
   }
   }
  .blog-container.blog-swiper.swiper.latest-blg {
    padding-bottom: 0px;
}



/* subscription popup css code past here */

 p.use_code_text {
    margin: 0 1px;
    font-size: 15px;
}
  p.popup_text_con {
    font-size: 14px;
    margin: 10px 0;
}
/* Styling for the popup */
.subscribe-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* Soft dark overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow: hidden;
}

/* Center the content */
.popup-content {
    background-color: rgb(255 255 255);
    padding: 40px;
    width: 100%;
    max-width: 40%;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    position: relative;
    animation: popup-show 0.4s ease-out;
    margin: 0 auto;
    top: 35px;
    padding: 0px 0px 9px;
}

/* Smooth entry animation */
@keyframes popup-show {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Heading styling */
.popup-content h2 {
     font-size: 24px;
    color: #02021b;
    margin-bottom: 12px;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
    letter-spacing: 0.5px;
    margin: 0px 0;
    padding: 8px 4px;
}

/* Text styling */
.popup-content p {
  font-size: 18px;
  color: black;
  margin-bottom: 25px;
  font-family: 'Arial', sans-serif;
  line-height: 1.6;
  margin: 3px 0;
    padding: 0px;
}

  .popup-content strong {
    color: #02021b;
}

/* Close button styling */
.close-popup {
  position: absolute;
    top: -4px;
    right: 20px;
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    transition: color 0.3s ease;
}

.close-popup:hover {
  color: #333;
}

/* Image styling inside the popup */
.popup-image {
  width:100%;
  max-width:100%;
 
}

/* CTA button styling */
.popup-cta {
  background-color: #007bff; /* Subtle blue button */
  color: white;
  padding: 12px 25px;
  font-size: 16px;
  border: none;
  border-radius: 30px; /* Fully rounded button */
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); /* Soft shadow for the button */
}

.popup-cta:hover {
  background-color: #0056b3; /* Darker blue on hover */
}

/* Mobile responsiveness */
@media (max-width: 767px) {

  
  
  .popup-content {
    width: 100%;
    padding: 0px 0px 11px;
    max-width: 95%;
    top: 79px;
  }

  .popup-image {
    width: 100%;
    max-width: 100%;
}

  .popup-content h2 {
    font-size: 23px;
  }

  .popup-content p {
    font-size: 14px;
  }

  .popup-cta {
    padding: 10px 20px;
    font-size: 14px;
  }
}