body {
  color: #2b3674;
  line-height: 22px;
  font-family: Inter;
  font-style: normal;
}

.bgradient {
  background-image: url(../images/icon/promotiondisc.svg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 54px;
  height: 54px;
}

.product_border {
  height: 100%;
  margin: 0px 20px 0px 10px;
}

.container {
  max-width: 1260px;
}

.btn:disabled {
  border-color: transparent !important;
}

/* ---------------------------------------------header start-------------------------------------------------- */
header {
  border-bottom: 1px solid #e9e5e5;
}

button.btn.heart_drop:hover {
  background: unset;
  border-color: unset;
  border: 0;
}

button.btn.heart_drop.btn:first-child:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: unset;
}

ul.dropdown-menu.heart_drop_menu {
  fill: #fff;
  width: 250px;
  filter: unset;
  transform: translate3d(-70px, 57.2px, 0px) !important;
}

ul.dropdown-menu.heart_drop_menu.show:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 20px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  right: 14px;
  top: -20px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50px;
}

a.dropdown-item.drop_link {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.form-group.has-search input.searchbar {
  width: 100%;
  padding: 0.5rem 1rem;
  border: solid 2px transparent;
  border-radius: 100px;
  background-image: linear-gradient(white, white),
    linear-gradient(
      to right,
      #f885a8,
      #55c7d1,
      #fdc254,
      #fe8a6f,
      #f885a8,
      #55c7d1
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.form-group.has-search img {
  top: 4px;
  right: 6px;
  background: #f3f3f3;
  border-radius: 50%;
  margin: 0px 0px;
  height: 35px;
}

.form-control:focus {
  box-shadow: unset !important;
  border-color: #ced4da !important;
}

.searchform {
  width: 50%;
}

.bankimg label {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.selling-start {
  border: 1px solid #79747e;
  color: #280049;
  font-weight: 500;
}

.header_login {
  color: #280049;
  font-weight: 500;
}

/* ---------------------------------------------header end-------------------------------------------------- */
/* ---------------------------------------------sidebar start-------------------------------------------------- */
.accordianlabel {
  color: #2b3674;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.pro_accordian p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.pro_accordian .accordianlabel {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.pro_accordian td {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.pro_accordian .para_heading {
  color: #333;
  font-size: 14px;
  font-weight: 600;

  letter-spacing: -0.28px;
}

.accordianmain {
  height: 695px;
  border: 1px solid #80808038;
  border-radius: 10px;
}

.rangeslider button {
  color: #2b3674;
  font-size: 15px;
  font-weight: 400;
  line-height: 25.53px;
  letter-spacing: -0.3px;
  border-radius: 6px;
  border: 1px solid var(--Primary, #667080);
  background: var(--White, #fff);
}

.img_1.earring2 {
  border: 2px solid #f0f0f0;
  padding: 0px 2px;
  border-radius: 8px;
}

.img_1 img {
  height: 72px;
  width: 72px;
}

span.earingspan {
  position: absolute;
  right: 25%;
  top: 30%;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.accordion-button:focus {
  border-color: transparent !important;
  box-shadow: none;
}

.filter_box {
  border-radius: 6px;
  border: 1px solid #bbbbbb6e;
  background: #fff;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 10px 10px;
}

.filter_box p {
  color: #7f1ad1;
  font-weight: 400;
  font-size: 14px;
  /* opacity: 0.3; */
}

.filter_box h5 {
  color: #333333;
  font-weight: 500 !important;
  font-size: 18px;
}

.accordianmain .accordion,
.accordianmain .accordion-item:first-of-type {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.productdealslider .card {
  height: 100%;
}

.productdealslider .sidecontent {
  padding: 0px 0px;
  bottom: 100px;
}

.form-group.has-search input.searchbar.form-control:focus {
  box-shadow: unset !important;
  background-image: linear-gradient(white, white),
    linear-gradient(
      to right,
      #f885a8,
      #55c7d1,
      #fdc254,
      #fe8a6f,
      #f885a8,
      #55c7d1
    ) !important;
  border: solid 2px transparent !important;
}

/* ---------------------------------------------sidebar end-------------------------------------------------- */

.breadcrumb li a {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  font-family: sans-serif;
}

.breadcrumb i {
  font-size: 11px;
  color: #66666687;
}

/* ---------------------------------------------loginheaderstart--------------------------------------------------*/
a.profilename {
  color: #280049;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.header_two .dropdown button {
  color: #280049;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
  background: transparent !important;
  border: none !important;
}

.header_two .custom-dropdown-toggle::after {
  display: none;
}

.header_two .btn:hover {
  color: #280049;
  background-color: unset;
  border-color: unset !important;
  border: 0px;
}

.header_two a.dropdown-item {
  color: #333 !important;
  font-size: 14px;
  font-weight: 400 !important;

  text-align: start !important;
}

.header_two .dropdown-menu.show {
  display: block;
  width: 160px;
  transform: translate3d(0px, 10px, 0px) !important;
  position: absolute;
  border-top: 0px;
  border-radius: 0px;
  border-color: #fff !important;
}

.earringsub.dropdown-menu.show {
  transform: translate3d(97px, 0px, 0px) !important;
  width: 253px !important;
  height: 100% !important;
}

li.nav-item.dropend a {
  color: #333 !important;
  font-size: 14px;
  font-weight: 400 !important;

  text-align: start !important;
}

ul.dropdown-menu.earring_submenu.submenu_chain {
  top: -10px !important;
  border-color: #fff !important;
}

ul.dropdown-menu.earring_submenu.submenu_bangles {
  top: -82px !important;
  border-color: #fff !important;
}

ul.dropdown-menu.earring_submenu.submenu_necklaces {
  top: -190px !important;
  border-color: #fff !important;
}

.earring_submenu a.dropdown-item:hover {
  background: white;
}

ul.dropdown-menu.earring_submenu.submenu_pendants {
  top: -154px !important;
  border-color: #fff !important;
}

ul.dropdown-menu.earring_submenu.submenu_bracelets {
  top: -118px !important;
  border-color: #fff !important;
}

.header_two .dropdown-item.active,
.dropdown-item:active {
  background-color: white !important;
  width: 224px;
}

.newdropdown-items:active {
  width: 210px !important;
}

.header_two li.nav-item.dropend:hover {
  border-left: 3px solid #fe8a6f;
  background: linear-gradient(
    128deg,
    #fff0ed 3.15%,
    rgba(255, 249, 248, 0) 102.45%
  );
}

/* ul.dropdown-menu.earring_submenu {
  position: absolute;
  border: 0px !important;
  border-left: 3px solid #e7e4e4 !important;
  left: 120px !important;
  top: -46px !important;
  height: 234px;
  width: 210px !important;
} */
ul.dropdown-menu.earring_submenu {
  position: absolute;
  border: 0px !important;
  border-left: 3px solid #e7e4e4 !important;
  left: 155px !important;
  top: -46px !important;
  height: 234px;
  width: 210px !important;
}

.menu {
  background: #fff;
  width: 200px;
  position: relative;
}

.menu > li {
  cursor: pointer;
  position: relative;
}

.menu > li:hover::before,
.menu > li:hover::after {
  content: "";
  position: absolute;
}

.menu > li:hover {
  background: #333;
}

.menu > li > a {
  font-family: "Source Sans Pro", sans-serif;
  color: #0a8660;
  text-decoration: none;
}

.menu > li:hover > a {
  color: #ffa90a;
}

.menu > li:hover::before {
  top: -60px;
  right: -1px;
  height: 60px;
  width: 160px;
  border-bottom-right-radius: 30px;

  -webkit-border-bottom-right-radius: 30px;
  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
}

.menu > li:hover::after {
  top: 37px;
  right: -1px;
  height: 60px;
  width: 168px;
  border-top-right-radius: 30px;
  -moz-border-top-right-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -webkit-box-shadow: 0 -40px 0 0 #333;
  -moz-box-shadow: 0 -40px 0 0 #333;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
}

.menu > li:first-of-type:hover::before {
  content: none;
}

.menu > li:last-of-type:hover::after {
  content: none;
}

.allcatbox {
  position: relative;
}

.earring_top::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 8%;
  width: 1.1px;
  /* -webkit-border-bottom-right-radius: 30px; */
  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.earring_top::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 53%;
  width: 1px;
  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_chain::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 69%;
  width: 1.1px;

  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_bangles::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 38%;
  width: 1.1px;

  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_bangles::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 23%;
  width: 1.1px;

  /* -webkit-border-bottom-right-radius: 30px; */
  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_necklaces::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 70%;
  width: 1.1px;

  /* -webkit-border-bottom-right-radius: 30px; */
  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_bracelets::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 23%;
  width: 1.1px;

  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_bracelets::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 38%;
  width: 1.1px;

  /* -webkit-border-bottom-right-radius: 30px; */
  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_pendants::after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 9%;
  width: 1.1px;

  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

.submenu_pendants::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  height: 54%;
  width: 1.1px;

  /* -webkit-border-bottom-right-radius: 30px; */
  -webkit-box-shadow: 0 40px 0 0 #333;
  -moz-box-shadow: 0 40px 0 0 #333;
  box-shadow: 60px 1px 56px 38px rgb(0 0 0 / 0%);
  background-color: rgb(0 0 0 / 8%);
}

ul.dropdown-menu.show {
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15))
    drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
}

/* ---------------------------------------------loginheader end-------------------------------------------------- */

/* ---------------------------------------------banner start-------------------------------------------------- */
.bannerbox {
  background-image: url(../images/background_img.png);
  height: 391px;
  position: relative;
}

img.bazama_dimond_two {
  position: absolute;
  right: 0px;
  top: 0px;
}

h1.bannerh1 {
  color: #fff;
  font-size: 43px;
  font-weight: 600;
  line-height: 66px;
  letter-spacing: -0.86px;
}

/* ---------------------------------------------banner end-------------------------------------------------- */

/* ---------------------------------------------deals start-------------------------------------------------- */

.DealsSlider.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.DealsSlider .card_img {
  /* height: 240px; */
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.DealsSlider .card_img img {
  max-height: 240px;
}

.DealsSlider_heart img {
  width: 21px !important;
  position: absolute;
  right: 10px;
  height: 25px;
  top: 10px;
}

.DealsSlider .owl-nav .owl-prev {
  background-image: url("../images/icon/arrow_back_caret.svg") !important;
  box-shadow: 4px 0px 4px rgb(0 0 0 / 5%);
  left: -15px;
  margin: 0;
}

.DealsSlider .owl-nav .owl-next {
  background-image: url("../images/icon/arrow_prev_caret.svg") !important;
  box-shadow: -4px 0px 4px rgb(0 0 0 / 5%);
  right: -15px;
  margin: 0;
}

.DealsSlider .owl-nav .owl-prev,
.DealsSlider .owl-nav .owl-next {
  width: 34px;
  height: 34px;
  border: 1px solid #dadada !important;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.DealsSlider .owl-nav .owl-next {
  right: -20px;
}

.DealsSlider .owl-nav .owl-prev > span,
.DealsSlider .owl-nav .owl-next > span {
  display: none;
}

.sidecontent img {
  height: 11px;
  width: 11px !important;
  display: inline-block !important;
  margin-left: 5px;
}

.first_span:after {
  background: #cacdda;
  content: "";
  height: 11px;
  width: 1px;
  position: absolute;
  top: 2px;
  right: 3px;
}

.sidecontent {
  display: inline-block;
  background: #f9fbff;
  width: 75px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 0px;
  position: absolute;
  bottom: 85px;
}
.sidecontentRegion {
  display: inline-block;
  background: #f9fbff;
  width: 75px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 0px;
  position: absolute;
  bottom: 100px;
}

.regions-dropdown {
  position: relative;
}

.regions-dropdown .dropdown-menu {
  max-height: 300px;
  overflow-y: auto;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #e0e0e0;
  padding: 8px 0;
  min-width: 200px;
}

.regions-dropdown .dropdown-item {
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #f5f5f5;
  transition: all 0.2s ease;
  cursor: pointer;
}

.regions-dropdown .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #007bff;
  transform: translateX(2px);
}

.regions-dropdown .dropdown-item:last-child {
  border-bottom: none;
}

.regions-dropdown .dropdown-toggle {
  font-weight: 500;
  color: #333;
  transition: color 0.2s ease;
}

.regions-dropdown .dropdown-toggle:hover {
  color: #007bff;
}

.regions-dropdown .dropdown-toggle::after {
  margin-left: 8px;
  transition: transform 0.2s ease;
}

.regions-dropdown .dropdown-toggle.show::after {
  transform: rotate(180deg);
}

/* Scrollbar styling for regions dropdown */
.regions-dropdown .dropdown-menu::-webkit-scrollbar {
  width: 4px;
}

.regions-dropdown .dropdown-menu::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}

.regions-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 2px;
}

.regions-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Responsive styling for regions dropdown */
@media (max-width: 768px) {
  .regions-dropdown .dropdown-menu {
    max-height: 250px;
    min-width: 180px;
  }

  .regions-dropdown .dropdown-item {
    padding: 8px 12px;
    font-size: 13px;
  }
}

/* ---------------------------------------------deals end-------------------------------------------------- */

/* ---------------------------------------------newarrival start-------------------------------------------------- */

.newarrivaldiv {
  background: #d1f1f3;
  height: 100%;
  width: 100%;
  padding: 60px 30px;
  border-radius: 10px;
}

.newarrival_link {
  background: #333333;
  padding: 0px 30px;
  position: absolute;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.newarrival_link a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.newarrival_smallimg img {
  max-width: 90%;
  border-radius: 30px;
  max-height: 100%;
  padding: 20px;
  object-fit: cover;
}

.newarrival_smallimg {
  background: #fff;
  border-radius: 15px;
  width: 164px;
  height: 158px;
}

.background_star {
  left: -15px;
  max-width: 350px;
}

.contenthead {
  color: #333;

  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.4px;
}

.sidecontent span {
  color: #2b3674;
  font-size: 12px;

  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.24px;
}

.sliderdiv {
  height: 440px;
}

h2.newarrivalhead {
  color: #36141e;

  font-size: 42px;

  font-weight: 300;
  line-height: 60px;
}

/* ---------------------------------------------newarrival end-------------------------------------------------- */
/* ---------------------------------------------hotdeal start-------------------------------------------------- */
section.hotdeals {
  background-size: cover;
  background-image: url(../images/hotdeal_background.png);
  /* position: absolute; */
  width: 100%;
  padding: 50px 0px;
}

section.hotdeals .container {
  max-width: 1375px;
}

.hotdeal_items {
  height: 150px;
}
.hotdeal_items img {
  border: 2px solid #f4d0da;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
}

.hotdeal_boxes p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.hotdeal_boxes strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.36px;
}

/* ---------------------------------------------hotdeal end-------------------------------------------------- */

/* ---------------------------------------------explore start-------------------------------------------------- */
.explore_div {
  /* background: url(../images/explore_bg.png); */
  background: #fff1f5;
  width: 100%;
}

.exploreleft_star {
  left: -35px;
  top: -22px;
}

.explore_link {
  background: #333333;
  padding: 0px 20px 0px 30px;
  float: right;
  position: absolute;
  right: 35px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.exploreright_star {
  right: 0px;
  top: 0px;
}

.card del {
  color: #666666;
  font-size: 14.893px;
  font-weight: 400;
  line-height: 25.53px;
  letter-spacing: -0.298px;
}

span.front_span {
  font-size: 17.02px;
  font-weight: 700;
  line-height: 25.53px;
  letter-spacing: -0.34px;
}

h5.front_productName {
  font-size: 14.893px;
  font-weight: 500;
  line-height: 25.53px;
  letter-spacing: -0.298px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.explore_div h2 {
  color: #1a3d3f;
  font-size: 42px;
  font-weight: 300;
  line-height: 60px;
}

.explore_link a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.selectoptions {
  color: #2b3674;
  font-feature-settings: "calt" off;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.26px;
}

/* ---------------------------------------------explore end-------------------------------------------------- */
/* ---------------------------------------------footer start-------------------------------------------------- */
footer.front_footer {
  background-image: url(../images/footerbg.png);
  position: absolute;
  height: fit-content;
  width: 100%;
  padding: 70px 0px 0px;
  background-color: #17002b;
}

.footer_logo {
  margin: 50px 50px 0px 0px;
}

.footer_conatiner ul {
  font-size: 16px;
}

.footer_conatiner li {
  font-size: 14px;
}

/* New Footer Styles */
.footer_head {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}

.footer-link {
  transition: all 0.3s ease;
  font-size: 14px;
}

.footer-link:hover {
  color: #fff !important;
  text-decoration: none;
  transform: translateX(5px);
}

.social-link {
  transition: all 0.3s ease;
  padding: 8px 12px;
  border-radius: 8px;
}

.social-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

.social-icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.social-icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease;
  color: #fff;
}

.social-text {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
}

.whatsapp-btn {
  transition: all 0.3s ease;
  border-radius: 25px;
  padding: 8px 20px;
}

.whatsapp-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* Trust & Assurance Badges Container */
.trust-badges-container {
  padding: 20px 0;
}

.trust-badges {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.trust-badge:hover::before {
  opacity: 1;
}

.trust-badge-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  z-index: 1;
}

/* Badge Icon Wrapper */
.badge-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
}

/* Badge Text Styles */
.badge-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.badge-title {
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.2;
}

.badge-subtitle {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.75rem;
  font-weight: 400;
}

/* Specific Badge Styles */
.made-in-india .india-flag {
  font-size: 1.5rem;
}

.secure-payments .security-icon {
  color: #4caf50;
  font-size: 1.2rem;
}

.ssl-secured .lock-icon {
  color: #ffc107;
  font-size: 1.2rem;
}

/* Payment Methods */
.payment-methods {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.payment-icon {
  height: 16px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.payment-icon:hover {
  opacity: 1;
}

.upi-badge {
  background: linear-gradient(135deg, #ff6b35, #f7931e);
  color: white;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.upi-text {
  font-size: 0.65rem;
  font-weight: 700;
}

/* Responsive Design */
@media (max-width: 768px) {
  .trust-badges {
    gap: 1rem;
  }

  .trust-badge {
    min-width: 160px;
    padding: 0.75rem 1rem;
  }

  .badge-icon-wrapper {
    width: 32px;
    height: 32px;
  }

  .badge-title {
    font-size: 0.8rem;
  }

  .badge-subtitle {
    font-size: 0.7rem;
  }

  .payment-methods {
    gap: 0.25rem;
  }

  .payment-icon {
    height: 14px;
  }
}

@media (max-width: 480px) {
  .trust-badges {
    flex-direction: column;
    align-items: center;
  }

  .trust-badge {
    min-width: 200px;
    width: 100%;
    max-width: 280px;
  }
}

.border-white-25 {
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Newsletter form styling */
.front_footer .form-control {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
}

.front_footer .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.front_footer .form-control:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);
  color: white;
}

.front_footer .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}

.front_footer .btn-outline-light:hover {
  background-color: white;
  color: #17002b;
  border-color: white;
}

.trust-badge {
  background: transparent;
  /* border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px; */
  padding: 8px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 120px;
  transition: all 0.3s ease;
}

.trust-badge:hover {
  transform: translateY(-2px);
}

.badge-text {
  color: white;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}

.payment-icons {
  margin-top: 2px;
}

.badge-icon {
  color: white;
  font-size: 14px;
  opacity: 0.9;
}

.payment-icon {
  color: white;
  font-size: 16px;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.payment-icon:hover {
  opacity: 1;
}

/* ---------------------------------------------footer end-------------------------------------------------- */
.front_slider ul.control-dots {
  display: none;
}

.front_slider .carousel .carousel-status {
  display: none;
}

.slide1img {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 23% !important;
}

.slideimg2 {
  top: -60px;
  height: 100%;
  width: 15% !important;
  right: 330px;
}

.slidecontent {
  top: 35%;
  text-align: justify;
  left: 5%;
}

h4.slidecontent_h4 {
  color: #d8c8e4;
  font-size: 25px;
  font-weight: 400;
  line-height: 40px;
}

p.productnames {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 42.162px;
}

button[title="next slide / item"] {
  position: absolute;
  right: 10px;
  top: 45%;
  border: 0px;
  background: transparent;
  color: #ffffffbd;
  font-size: 20px;
}

button[title="previous slide / item"] {
  border: 0px;
  background: transparent;
  color: #ffffffbd;
  font-size: 20px;
  border: 0px;
  left: 10px;
  position: absolute;
  top: 45%;
  z-index: 1;
}

/* modal start */
.Sign_In_Head label {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.Sign_In_Head p {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.logo_design {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100%;
  position: relative;
}

.logo_design::before {
  content: "";
  border-right: 1px solid #dcdcdc;
  position: absolute;
  top: 150px;
  bottom: 150px;
  right: -18px;
}

.img_shrink {
  background-image: url(../images/shrink_pink.svg);
  background-repeat: no-repeat;
  background-position: top center;
  width: 300px;
  height: 98.173px;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.create_account .bazama_logo {
  text-align: center;
  padding: 40px 20px 40px 20px;
}

.create_account .dummy_content {
  color: #5b5b5b;
  text-align: center;
  font-size: 20px;

  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.4px;
  margin-top: 15px;
  max-width: 300px;
}

.bg_hand_welcome {
  background-image: url(../images/footer_bottom.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 145.129px;
  background-position: bottom center;
  position: absolute;
  bottom: 0;
  right: 50%;
  z-index: 999;
  transform: translateX(50%);
}

.modal.show {
  display: block;
}

.create_account .modal-content.seller_content {
  border-radius: 20px;
  overflow: hidden;
}

.seller_content .modal-body {
  padding: 0;
}

.seller_content .close_icons {
  position: absolute;
  right: 20px;
  z-index: 99;
  padding: 12px;
  top: 20px;
  cursor: pointer;
}

.close_icons {
  background-image: url(../images/icon/close.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 100%;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.custom_form .custom_user {
  border: none !important;
}

.custom_user .card-body {
  display: block;
}

.custom_user .card-body {
  padding: 0;
  display: flex;
  align-items: center;
}

.custom_form .create_seller_login {
  width: 370px;
  margin: 0 auto;
  padding: 70px 15px 20px 15px;
}

.custom_form .card-title {
  font-style: var(--headings-font-family) !important;
  font-size: 28px;

  font-weight: 400;
  line-height: 36px;
  color: #000;
}

.custom_form .card-title {
  font-style: var(--headings-font-family) !important;
  font-size: 28px;

  font-weight: 400;
  line-height: 36px;
  color: #000;
}

.login_input #emailPhone,
#password {
  border-radius: 6px;
  background: var(--white, #fff);
}

.login_input .form-control {
  height: 48px;
  border: 1px solid #667080;
  color: #333;
}

.create_seller_login .user_login_links {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.remember_me_checkbox {
  align-items: center;
  display: flex;
  gap: 5px;
}

.remember_me_checkbox input[type="checkbox"] {
  height: 17px;
  width: 17px;
  accent-color: #280049;
}

input[type="checkbox"] {
  accent-color: #7f1ad1;
}

.create_seller_login .user_login_links a {
  text-decoration: none;
  color: #7f1ad1;
  font-size: var(--fs_14);

  font-weight: 400;

  letter-spacing: -0.28px;
}

.create_account .modal-dialog {
  transform: none;
  max-width: 938px;
  height: auto;
  width: calc(100% - 30px);
  top: 50%;
  transform: translatey(-50%) !important;
  margin-top: 0;
}

.create_seller_login .social_links a {
  display: flex;
  width: 104px;
  height: 48px;
  padding: 13px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid #c7c7c7;
  background: #fff;
}

.create_seller_login .social_links {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.Custom_bazama_or {
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.bazama_social_link p {
  color: #333;
}

.sing_btn {
  display: flex;
  width: 100%;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: #280049;
  color: #ffffff;
  text-decoration: none;
  border: none;
}

.bazama_sign_btn {
  margin-top: 25px !important;
  background: #7f1ad1;
  border-radius: 100px;
  color: white;
}

.custom_create {
  position: relative;
  z-index: 9;
  padding: 40px 0 15px;
}

.custom_user .custom_create a {
  color: #280049;
  text-decoration: none;
  font-weight: 500;
}

.bg_bottom {
  background-image: url(../images/gray_shrink.svg);
  background-repeat: no-repeat;
  width: 210px;
  background-size: 100%;
  height: 48px;
  background-position: bottom right;
  position: absolute;
  bottom: 0;
  right: 0;
}

.signup_tabs ul {
  background: #fff;
  border: 1px solid #f1e8f9;
  border-radius: 50px;
  width: fit-content;
  margin: 0 auto;
}

/* .nav-tabs .nav-link.active {
  background: #F9F2FF !important;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  color: #7f1ad1;
  font-weight: 500;
} */

.signup_tabs {
  margin-bottom: 35%;
}

.password_img {
  right: 10px;
  bottom: 7px;
}

.nav-tabs .nav-link {
  color: black;
}

.nav-tabs .nav-link:focus {
  border-radius: 50px !important;
}

.form-check-input:checked {
  background-color: #d0bcff;
  border-color: #d0bcff;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("../images/icon/check_purple.svg");
  background-size: auto;
  padding: 8px;
}

.form-check-input:focus {
  border-color: #d0bcff;
  outline: 0;
  box-shadow: unset;
}

.signup_tabs a {
  color: #7f1ad1;
  font-size: 16px;
  font-weight: 400;

  text-decoration: none;
  font-family: "Roboto";
}

.seller_login_label {
  color: #667080;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.accordion-flush .accordion-collapse {
  border-top: 2px solid #e4e4e4;
}

.buyeraddress_accordian .accordion-flush .accordion-collapse {
  border-top: 0px solid #e4e4e4;
}

.labeltext {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

/* .btn:hover {
  color: #fff;
  background-color: #280049;
  border-color: #280049;
} */

/* header2 */
/* .listheader {
  display: flex;
  justify-content: center;
  align-items: center;
} */

header.frontheader_second {
  background: #fff9f8;
  border-bottom: 0px;
}

header.frontheader_second a {
  color: #280049;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* header2 end */

/* signin page starts */
.Sign_In_Head h3 {
  color: #000;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.otp-container .otpContainer-input input {
  color: rgba(0, 0, 0);
  margin-bottom: 0;
  box-shadow: none;
  text-align: center;
  background-color: none;
  transition: border 0.3s ease;
  font-weight: 400;
  font-size: 24px;
  line-height: 48px;
  border: 0px;
  border-bottom: 1px solid #667080;
  border-color: #667080;
}

.otp-container .spanGap {
  width: 40px;
}

.otp-container .otpContainer-input input:focus,
.otp-container .otpContainer-input input:focus-visible,
.otp-container .otpContainer-input input:active {
  outline: 0;
  border: 0px;
  border-bottom: 1px solid #667080;
  border-color: #667080;
  background-color: none;
}

span.contact_span {
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

/* signin page ends */

/* buyer product starts */
.buyerproductheading span {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.DealsSlider small.greenspan {
  color: #51a34e;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -0.2px;
}

.sortby {
  color: #333;
}

.DealsSlider small.redspan {
  color: #ff7f57;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -0.2px;
}

.sortby_select i {
  top: 7px;
  right: 15px;
  font-size: 20px;
  color: black;
}

.sortby_select select {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0px;
  border: 1px solid #667080;
}

/* buyer product ends */
.navbottom {
  z-index: 1;
  background: #fff;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin-bottom: 0px;
  position: fixed;
  bottom: 0px;
  width: 100%;
}

.navbottom span {
  color: #7f1ad1;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

li.homespan {
  border-radius: 50px;
  background: #f5eaff;
  padding: 5px 15px;
}

/* product detail start */
.sortby_select .form-select:focus {
  border-color: unset;
  outline: 0;
  box-shadow: unset;
}

.Cosmos_box h3 {
  overflow-wrap: anywhere;
  color: #280049;

  font-size: 24px;

  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.48px;
}

.Cosmos_test h1 {
  color: #280049;

  font-size: 26px;

  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.52px;
}

.Cosmos_test del {
  font-size: 17px;
  color: #666666;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.34px;
}

.Cosmos_test span {
  color: #ff6e41;
  font-size: 16px;
  background: #ffebe3;
  height: 28px;
  padding: 4px 15px;
  border-radius: 7px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
}
.discounted_price {
  color: #ff6e41;
  font-size: 12px;
  background: #ffebe3;
  height: 24px;
  padding: 4px 7px;
  border-radius: 5px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: -0.32px;
  position: absolute;
  right: 10px;
}
@media (max-width: 576px) {
  .discounted_price.small_card {
    right: 10px;
    bottom: 5px;
  }
}
.Cosmos_box p {
  font-size: 14px;
  color: #666666;
  font-weight: 400;
}

.enter_box {
  width: 195px;
  border: 1px solid #c1c1c1;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
}

.enter_box a {
  font-size: 14px;
  color: #666666;
}

.enter_box a {
  font-size: 14px;
  color: #666666;
}

a.Warranty {
  background: #dee2e291;
  padding: 6px 18px;
  border-radius: 6px;
  color: #6a6668;

  font-size: 13px;

  font-weight: 400;
  line-height: 18px;
}

.dropdown_headdetail {
  font-size: 14px;
  font-family: sans-serif;
  color: #333333;
  font-weight: 400;
}

.Pendent_box {
  border: 2px solid #b2a5a5;
  border-radius: 6px;
}

.product_detail_dd button {
  border-radius: 6px;
  border: 1px solid var(--Primary, #667080);
  background: var(--White, #fff);
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.product_detail_dd .btn:hover {
  color: #333 !important;
  background-color: #fff !important;
  border: 1px solid var(--Primary, #667080) !important;
}

.product_detail_dd .dropdown-toggle::after {
  margin-left: 11rem;
}

.product_detail_dd .btn:hover {
  color: #333;
  background-color: #fff;
  border: 1px solid var(--Primary, #667080);
}

.product_detail_dd .btn.show {
  color: #333;
  background-color: #fff;
  border: 1px solid var(--Primary, #667080);
}

.icon {
  border-radius: 4px;
  background: #f4f4f4;
  margin: 10px;
  padding: 10px;
}

.pro_accordian .accordion-button:not(.collapsed) {
  color: #333;
  background-color: #fff;
  box-shadow: none;
  border-top: 1px solid #e4e4e4;
}

.pro_accordian .accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
  border-top: 1px solid #e4e4e4;
}

button.view_more_btn {
  color: #7f1ad1;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.Handmade_title p {
  font-family: sans-serif;
  font-size: 14px;
  color: #2b3674;
  font-weight: 400;
  letter-spacing: -0.28px;
}

.stra_img span {
  color: #7f1ad1;
  font-size: 14px;
  font-family: sans-serif;
  font-weight: 400;
}

a.channa {
  color: #333;
  font-size: 13px;
  font-weight: 400;
}

i.bx.bx-map {
  color: #666666;
}

.Message_btn {
  position: relative;
}

.Message_btn a:before {
  content: "";
  position: absolute;
  background: #00000057;
  height: 38px;
  width: 1px;
  left: -11px;
  top: -10px;
}

.Message_btn a {
  color: #7f1ad1;
  border: 1px solid var(--M3-sys-light-outline, #79747e);
  border-radius: 100px;
  padding: 9px 16px;
  font-weight: 500;
  font-size: 14px;
}

.img_border {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
}

.custom-accordion-item {
  width: 100%;
  /* Set a fixed width for the accordion items */
}

.accordion-flush .accordion-item {
  display: block !important;
}

/* product detail ends */
.BuyerProductInfo .progress_star_rating {
  display: flex;
  align-items: center;
  gap: 10px;
}

.BuyerProductInfo .progress_star_rating .progress-container {
  width: 150px;
  background-color: #f3f3f3;
  height: 7px;
  border-radius: 10px;
}

.BuyerProductInfo .progress_star_rating .progress-bar-1 {
  background-color: #e3b100;
  width: 65%;
  height: 7px;
  border-radius: 10px;
}

.BuyerProductInfo .progress_star_rating .progress-bar-2 {
  background-color: #e3b100;
  width: 45%;
  height: 7px;
  border-radius: 10px;
}

.BuyerProductInfo .progress_star_rating .progress-bar-3 {
  background-color: #e3b100;
  width: 25%;
  height: 7px;
  border-radius: 10px;
}

.BuyerProductInfo .progress_star_rating .progress-bar-4 {
  background-color: #e3b100;
  width: 10%;
  height: 7px;
  border-radius: 10px;
}

.BuyerProductInfo .progress_star_rating .progress-bar-5 {
  background-color: #e3b100;
  width: 10%;
  height: 7px;
  border-radius: 10px;
}

.BuyerRatingBox {
  border-radius: 10px;
  /* border: 1px solid #e8e8e8; */
  background: #fff;
  padding: 20px;
}

.rating_date {
  display: flex;
  align-items: end;
  gap: 9px;
}

.review_views > p {
  color: #333;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.review_massage > h6 {
  color: #2b3674;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.36px;
}

.rating_date > span {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.rating_box.rating_box_right {
  padding-right: 8rem;
}

button.scroll-to-top svg {
  display: none;
}
.backtotop button {
  background-image: url(../images/icon/svgbacktotop.svg) !important;
  height: 65px !important;
  width: 75px !important;
  background-repeat: no-repeat !important;
  border-radius: 50%;
  background-size: contain;
}

.scroll-to-top {
  background-color: unset !important;
  right: 40px;
  bottom: 40px;
  position: fixed;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  box-shadow: unset !important;
  border: none;
}
.backtotop a {
  background-color: unset !important;
  right: 66px;
  bottom: 116px;
  position: fixed;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: unset !important;
  border: none;
}

.header_two .dropend:hover > .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  border: 0px !important;
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.header_two a.nav-link.dropdown-toggle {
  color: black;
}

.header_two h1.one {
  font-size: 14px;
  color: black;
}

.img-main {
  display: grid;
  grid-template-columns: 12.28% 12.28% 12.28% 12.28% 12.28% 12.28% 12.28%;
  justify-content: space-between;
  padding: 10px 20px;
  gap: 11px;
}

.create_imge_grid .modal-header {
  border-bottom: 0px;
}

.create_imge_grid td {
  border: 1px solid #efefef;
}

.create_imge_dialog {
  max-width: 748px !important;
}

.tablediv {
  max-height: 477px !important;
  overflow: hidden;
  overflow-y: auto;
}

.tablediv::-webkit-scrollbar {
  display: none;
}

img.earringpics {
  height: 90px;
  width: 90px;
}

.report_modal_contents p,
.report_modal_contents label.form-label {
  color: #2b3674;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.36px;
}

.report_modal_contents small {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.cancelmodalbtn,
.reportmodalbtn {
  color: var(--M3-sys-light-primary, #6750a4);
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  border: 1px solid var(--M3-sys-light-primary, #6750a4) !important;
}

.reportmodalbtn {
  background: #280049 !important;
  color: white !important;
  font-weight: 400 !important;
}

.report_modal_textarea {
  resize: none;
}

.report_dialog {
  max-width: 583px !important;
}

.report_modal_textarea::placeholder {
  color: var(--Primary, #667080);
  font-feature-settings: "calt" off;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;

  letter-spacing: -0.32px;
}

.report_dialog .modal-header h5 {
  font-weight: 600;
}

.modal_share .imgDiv {
  border-radius: 37.333px;
  background: rgba(157, 157, 157, 0.04);
  padding: 24px;
  height: 70px;
  width: 70px;
}

.modal_share span {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

button.copy-link-button {
  border: 0px;
  position: absolute;
  right: 5px;
  top: 12px;
  background: none;
}

input.copy-link-input {
  border-radius: 16px;
  background: rgba(157, 157, 157, 0.04);
  border: 0px;
  padding: 13px 10px;
}

.share_dialog {
  max-width: 425px !important;
}

.copy-link input::placeholder {
  color: rgba(51, 51, 51, 0.5);

  font-size: 13px;

  font-weight: 400;
  line-height: 17.5px;
}

.delivery_box a {
  color: #5b11a5;

  font-size: 14px;

  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
  position: absolute;
  left: 145px;
  bottom: 5px;
  text-decoration: none;
}

/* vertical slider starts */
/* .active_slide img {
  width: 100%;
} */
.active_slide {
  width: 450px;
  border-radius: 8px;
}

.main-slide.item {
  margin: 10px 0px;
}

.main-slide.item:nth-child(2) img {
  padding: 7.7px !important;
  /* height: 86px !important; */
  width: 56px;
  height: 56px;
}

.main-slide.item:nth-child(1) {
  margin-top: 0px !important;
}

.main-slide.item:last-child {
  margin-bottom: 0px !important;
}

.main-slide.item img {
  border-radius: 6px;
  border: 1px solid #eaeaea;
  padding: 5px;
  /* height: 100.8px; */
  height: 56px;
  width: 56px;
  object-fit: contain;
}

/* .row_slide {
  display: grid;
  grid-template-columns: 15% 82%;
} */
.row_slide {
  display: grid;
  grid-template-columns: 11% 89%;
}

.tryon_icon {
  border-radius: 6px;
  background: #f4f4f4;
  padding: 5px;
}

span.tryNow {
  color: #280049;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
}

button.addtocart {
  border: 1px solid var(--M3-sys-dark-on-secondary-fixed, #1d192b);
  color: #280049;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 10px 55px;
}

button.buynow.rounded-pill {
  border-radius: 100px;
  background: linear-gradient(244deg, #7f1ad1 -35.4%, #21005d 131.13%);
  color: var(--M3-sys-light-on-primary, #fff);

  font-size: 14px;
  font-weight: 500;
  width: 200px;
  line-height: 20px;
  letter-spacing: 0.1px;
  height: 48px;
  border: 1px solid #5f11aa99;
}

a.prevslide {
  top: 0px;
  /* width: 102px; */
  width: 56px;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgb(255 250 250);
  opacity: 0.6;
}

a.prevslide img {
  height: 15px;
  width: 15px;
}

a.nextslide {
  bottom: 0px;
  width: 56px;
  text-align: center;
  background: rgb(255 250 250);
  opacity: 0.6;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

a.nextslide img {
  height: 15px;
  width: 15px;
}

/* a.nextslide img {
  width: 103px;
  height: 26px;
}
a.nextslide {
  bottom: 0px;
}
a.prevslide {
  top: 0px;
  transform: rotate(180deg);
} */
/* vertical slider ends */
.tryon_dialog h4 {
  color: #333;
  font-size: 16px;
  font-weight: 600;

  letter-spacing: -0.32px;
}

.tryon_dialog p {
  color: #666;

  font-size: 12px;

  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.24px;
}

.tryoncontent p {
  font-weight: 500;
}

.tryon_dialog {
  max-width: 670px !important;
}

.tryon_dialog .modal-content {
  height: 494px;
}

/* .owl-carousel .owl-item {
  min-height: 1px;
  width: 246.225px !important;
} */
.slider_image {
  height: 392px !important;
  width: 362px !important;
}

.tryon_dialog .DealsSlider .owl-nav .owl-next {
  right: -10px;
}

/* contact start */
.rowcontact {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 25px;
  margin-right: 25px;
}

.men_box h1,
.support_box h1 {
  font-size: 20px;
}

.rowcontactdetail {
  display: grid;
  grid-template-columns: 18% 75%;
  gap: 40px;
}

.first_box h3,
.first_box p,
.second_box h3,
.second_box p,
.whatsp_img h5,
.whatsp_img2 h5,
.whatsp_img2 h3 {
  font-size: 14px;
  color: #333;
  font-weight: 400;
}

.first_box {
  box-shadow: 0px 4px 5px 0px;
  height: fit-content;
}

h2.gettin {
  color: #333;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.32px;
}

.second_box span {
  font-size: 14px;
  color: #52078f;
  border-bottom: 2px solid #52078f;
}

.gettin_heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}

.whatsp_content span {
  font-size: 14px;
  color: #8a8a8a;
}

.whatsp_img2 img {
  width: 29px;
  height: 29px;
}

.whatsp_content {
  border-radius: 10px;
  border: 1px solid #8080809c;
  min-height: 126.6px;
}

.gettin_heading:after {
  content: "";
  position: absolute;
  height: 33px;
  width: 3px;
  background: #52078f;
  top: -9px;
}

.men_box h3,
.whatsp_img2 h3 {
  font-weight: 600;
}

.men_box h3 {
  font-weight: 600;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.second_box p {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.gettin_heading h3 {
  text-shadow: none;
}

.contactfaqa {
  color: #333;
  font-size: 16px;
  font-weight: 400;
}

.pro-sidebar {
  width: 200px;
  height: 100vh;
  background-color: #f0f0f0;
}

.pro-sidebar .pro-sidebar-inner {
  height: 100%;
}

.pro-sidebar .pro-menu {
  padding: 20px;
}

.pro-sidebar .pro-menu .pro-menu-item {
  padding: 10px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.pro-sidebar .pro-menu .pro-menu-item:hover {
  background-color: #ccc;
}

.sidenavbar nav {
  background: transparent !important;
  padding-bottom: 0px;
}

.sidenavbar a {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  padding: 10px;
}

.sidenavbar {
  border-radius: 6px;
  border: 1px solid #bbb;
  background: #fff;
}

.topnav {
  height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.activenav.nav-link {
  background: #f7edff;
}

/* buyer buy flow starts */
.greydelivery {
  background: #f5f5f5;
  padding: 8px 15px;
}

.deliverycontent {
  padding: 16px 16px;
}

.greydelivery span {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.deliveryitemimg {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
  height: 160px;
  width: 160px;
  padding: 35px 5px 37px 5px;
}

.deliveryitemimg img {
  object-fit: contain;
}

img.subtracticon,
img.addicon {
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  padding: 2px 9px;
}

.cosmosbox_delivery p {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.cosmosbox_delivery span {
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.deliverdicount h4 {
  color: #2b3674;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.52px;
}

.deliverdicount del {
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.d-flex.deliverdicount span {
  color: #17a500;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.deliver_btm span {
  color: var(--M3-sys-light-primary, #6750a4);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.cutomizenote small {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.cutomizenote small b {
  font-weight: 500;
}

.deliverybox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.rowdelivery {
  display: grid;
  grid-template-columns: 19% 81%;
}

/* savelater starts */
.Savelater {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.4px;
}

.deliver_btm_input input {
  padding: 5px 24px;
  border: 1px solid #280049;
  color: #280049;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.savelaterimg {
  padding: 5px 5px 5px 5px;
}

/* order summary starts */
.checkout_button .btn:hover {
  background-color: #400883;
  border-color: #400883;
}

.checkout_button {
  background: #400883;
  text-align: center;
  /* padding: 6px; */
  height: 46px;
}

.checkout_button button {
  color: var(--M3-sys-light-on-primary-fixed, #21005d);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.order_summary {
  border-radius: 6px;
  border: 1px solid #ebebeb;
  background: var(--Secondary-Primary-White, #fff);
}

.cross_quntity {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  letter-spacing: -0.36px !important;
}

.deductedamt {
  color: #51b14e !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  letter-spacing: -0.32px !important;
}

span.cosmosspan {
  color: #333;
  font-size: 16px;
  font-weight: 600;

  letter-spacing: -0.32px;
}

li.cosmos_details p {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.cosmos_buyer_paid {
  background: #fafafa;
}

.order_summary p {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.order_summary input[type="checkbox"] {
  height: 18px;
  width: 18px;
}

.applyspan {
  color: #7f1ad1;
  font-feature-settings: "calt" off;
  font-size: 16px;
  font-weight: 500;

  letter-spacing: -0.32px;
  opacity: 0.4;
  position: absolute;
  right: 7%;
  padding-top: 13px;
}

input.codeinput {
  border: 1px solid #8e8e8e;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}

.entercode span {
  color: #848484;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
}

span.applyspandark {
  color: #7f1ad1;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.viewmoreoffer a {
  color: #7f1ad1 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  letter-spacing: -0.32px;
}

span.greenspan.d-block {
  color: #419b3e;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

span.removespandark.d-block.float-end {
  color: #ee4946;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.viewoffer_dialog {
  max-width: 535px !important;
}

/* buyer buy flow ends */

/* buyer address starts */
h5.choose_test {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.4px;
}

button.savebtn:hover {
  background: #410984 !important;
  border: 1px solid #6750a4 !important;
  color: #fff !important;
}

.chooseaddressbox {
  /* border: 1px solid #E7E7E7; */
  border-radius: 5px;
  padding: 0px 0px 0px 0px;
}

a.add_box {
  color: #410984;
  font-size: 16px;
  font-weight: 500;

  text-decoration: none;
}

.cont-bton {
  background: #410984;
  border-radius: 26px;
  padding: 7px 36px;
  text-align: center;
  display: inline-block;
}

.cont-bton input {
  color: var(--M3-sys-light-on-primary, #fff);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

input[type="radio"] {
  accent-color: #7f1ad1;
}

.choose_options {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.choose_options input[type="radio"] {
  height: 19px;
  width: 19px;
}

/* add address starts */
.addressfill_form .btn:hover,
.gifttext .btn:hover {
  color: black;
  background-color: #fff;
}

.cancelbtn,
.savebtn {
  padding: 10px 24px;
  color: var(--M3-sys-light-primary, #6750a4);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.savebtn {
  background: #410984;
  border: 1px solid #6750a4;
  color: white;
}

.addressfill_form label {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.giftinformation {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
}

.giftinformation {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.giftinformation img {
  width: 72px;
  height: 42.667px;
  min-width: 72px;
}

.gifttext textarea {
  resize: none;
}

.neckset img {
  width: 50px !important;
  height: 48.667px !important;
}

/* payment starts */
.contentpay small {
  color: #7f1ad1;
  font-family: Roboto;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.contentpaycontent {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 10px 20px 10px 20px;
}

.contentpaycontent label {
  color: #333;

  font-size: 18px;

  font-weight: 500;
}

.contentpaycontent label p {
  font-size: 16px;
}

.iconbox {
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  background: #fff;
  width: 44.2px;
  height: 26px;
  text-align: center;
}

.cvvbox {
  border-radius: 4px;
  border: 1px solid var(--Primary, #667080);
  background: var(--White, #fff);
  width: 89px;
  height: 42px;
  padding-left: 11px;
}

.cardnum img {
  top: 53%;
  right: 1%;
}

.bankimg .iconbox {
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  background: #fff;
  width: 71px;
  height: 74px;
  text-align: center;
}

.dropbtn .btn:hover {
  color: black;
  background-color: white !important;
  border-color: #280049;
}

/* buyer address ends */

.inside-size {
  padding-top: 12px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  background: #fff;
  width: 71px;
  height: 74px;
  text-align: center;
}

.inside-size img,
.inside-size2 img {
  display: flex;
  margin: auto;
}

input:checked ~ .inside-size {
  border-width: 4px;
  border-color: #7f1ad1;
  border-radius: 10px;
}

.inside-size:hover {
  border: 1px solid #7f1ad1;
}

.buyeraddress_accordian .accordion-header {
  border: unset;
  margin: 0px 10px 0px 10px;
  border-radius: 5px;
}

.buyeraddress_accordian .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: unset !important;
  border-radius: 5px;
  box-shadow: unset !important;
}

.buyeraddress_accordian .accordion-flush .accordion-item {
  border: 1px solid #e7e7e7;
  margin-bottom: 15px;
  border-radius: 6px;
}

.savebtn .btn:hover {
  color: white !important;
  background-color: #410984 !important;
  border-color: #410984;
}

.buyeraddress_accordian .accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: unset;
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

.editdelivery {
  right: 0px;
}

.editdelivery span {
  color: #7f1ad1;
  font-size: 16px;
  font-weight: 500;
}

/* 2march */
.dropdown.front_dropdown:focus-visible {
  outline: none;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  border: 1px solid #e7e7e7 !important;
}

.promotion_gradient {
  background-image: linear-gradient(to right, #ff6e414d, #7f1ad14d);
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px dashed black;
}

.focus-outline-none:focus {
  outline: none;
}

.cutomizenote_border {
  border: 1px solid #e7e7e7;
}

.confetti span {
  color: #000;
  font-size: 22px;
  font-weight: 400;

  letter-spacing: -0.36px;
}

.giftdropdown .btn:first-child:active {
  border: 1px solid #ced4da !important;
}

span.applycode {
  color: #23b8c6;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

/* allset starts */
.allsetbox h4 {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.48px;
}

.allsetbox {
  background-image: url(../images/imgsplash.png);
  background-repeat: no-repeat;
  height: 100%;
  width: fit-content;
  background-position: top;
  position: relative;
  background-size: 100% 50%;
}

.allsetbox p {
  color: #333;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
}

small.orderid {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

input.allsetbtn {
  border: 1px solid var(--M3-sys-light-on-secondary-fixed, #1d192b);
  color: var(--M3-sys-light-primary, #6750a4);
  text-align: center;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.allsetbox .orderdetail {
  color: var(--M3-sys-light-primary, #6750a4);
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* wishlist starts */
.taboverflow {
  overflow-x: auto;
}

.wishlisthead {
  color: #333;

  font-size: 20px;

  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.4px;
}

.taboverflow ul {
  flex-wrap: nowrap;
  width: max-content;
  border-bottom: 1px solid #e6e0e9;
}

.listingTabs ul.nav li {
  padding: 0;
  min-width: 120px;
  color: var(--M3-sys-light-on-surface-variant, #49454f);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  text-align: center;
}

.listingTabs ul.nav li button {
  border: 0;
  padding: 14px;
  background-color: transparent;
  margin: 0 auto;
  position: relative;
  color: #49454f;
}

.listingTabs ul.nav li.active {
  background: #fff;
  border-radius: 6px 6px 0 0;
}

.listingTabs ul.nav li {
  padding: 0;
  min-width: 120px;
  text-align: center;
}

.listingTabs ul.nav li button.active {
  color: #7f1ad1;
}

.listingTabs ul.nav li button.active::before {
  content: "";
  background: #7f1ad1;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  border-top-left-radius: 10px;
  left: 0;
  border-top-right-radius: 10px;
}

.listingTabs .tab-content {
  background-color: var(--white);
  padding-top: 20px;
  border-radius: 0 6px 6px 6px;
}

.fadeanimation {
  animation: fadeinout 0.5s linear;
}

.order_tableDiv table {
  margin-bottom: 8px !important;
}

.order_tableDiv .rowdelivery {
  display: grid;
  grid-template-columns: 17% 83%;
}

.order_tableDiv .deliveryitemimg {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
  height: 132px;
  width: 132px;
  padding: 5px 5px 5px 5px;
}

.order_tableDiv .riajewellery .deliveryitemimg {
  height: 111px;
  width: 111px;
  text-align: center;
  padding-top: 15px;
  background: #ededed1f;
  border: 2px solid #ededed;
}

.order_tableDiv .riajewellery .rowdelivery {
  display: grid;
  grid-template-columns: 30% 70%;
}

small.viewreviewbox {
  color: #7f1ad1;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5px;
}

span.prosold:before {
  content: "";
  height: 14px;
  width: 1px;
  position: absolute;
  background: #666;
  left: 0px;
  top: 5px;
}

small.locationname {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.inlineimg {
  border-radius: 6px;
  border: 2px solid #e7e7e7;
  height: 54px;
  width: 58px;
  overflow: hidden;
}

.inlineimg img {
  object-fit: contain;
  max-width: 54px;
  max-height: 50px;
}

.unfollow_option {
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  width: 161px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 20px;
  right: 0px;
}

.accordianmain .accordion-button:not(.collapsed) {
  color: black;
  background-color: white;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--bs-accordion-border-color);
}

/*  */

.signup_tabs ul li button:focus {
  outline: none;
}

button:focus-visible {
  outline: none;
}

li.nav-item:focus-visible {
  outline: none;
}

.nav-tabs .nav-link.active:hover {
  border-color: transparent !important;
}

.nav-tabs .nav-link.active {
  background: #f9f2ff !important;
  border-radius: 20px;
  color: #7f1ad1;
  font-weight: 500;
  border-color: transparent;
}

.navbar .nav-link:focus,
.navbar .nav-link:hover {
  color: #7f1ad1 !important;
}

.signup_tabs .nav-tabs .nav-link:focus,
.signup_tabs .nav-tabs .nav-link:hover {
  isolation: initial !important;
  border-color: transparent !important;
}

.buyerProduct-card .card_img img {
  object-fit: cover !important;
  max-height: 240px !important;
  max-width: 228px;
  /* height: 240px !important;
  width: 240px !important; */
}

.buyerProduct-card .cardCust {
  border: 1.064px solid #ebebeb;
  overflow: hidden;
  width: 230px;
  height: 328px;
}

.filterproduct .accordion-button {
  font-size: 14px !important;
  color: #000 !important;
}

.vertical_slide.scrollBarCustom0px.image-slider.\.image-slider-container {
  max-height: 430px !important;
  overflow: scroll !important;
}

.rating_font {
  color: #666;

  font-size: 14px;

  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.28px;
}

.delivery_box label {
  color: #333;

  font-size: 16px;

  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.buyerproductheading .form-select {
  background-image: unset !important;
}

.form-control.searchbar:focus {
  box-shadow: unset !important;
}

.Cosmos_box {
  max-width: 80%;
}

.rangeboxslide .css-187mznn-MuiSlider-root {
  color: #7f1ad1 !important;
}

.rangeboxslide .css-jx1sa5-MuiSlider-thumb:hover,
.rangeboxslide .css-jx1sa5-MuiSlider-thumb.Mui-focusVisible {
  box-shadow: unset;
}

.loginmodal_checkbox .form-check-input:focus {
  box-shadow: unset !important;
}

.loginsignuplabel {
  color: #333;

  font-size: 14px;

  font-weight: 400;
}

.enter_box:focus-visible {
  outline: unset;
}

.imgbtmtwo-outer {
  display: flex;
  flex-wrap: wrap;
}

.imgbtmtwo {
  border-radius: 6px;
  border: 1px solid #d8d8d8;
  background: #fff;
  margin-left: 10px;
  height: 46px;
  width: 46px;
  padding: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imgProfile-review42,
.imgProfile-review46 {
  border: 1px solid #d8d8d8;
  overflow: hidden !important;
  border-radius: 6px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.imgProfile-review46 {
  height: 46px !important;
  width: 46px !important;
}

.imgProfile-review42 {
  height: 42px !important;
  width: 42px !important;
}

.imgProfile-review42 img {
  max-height: 40px !important;
  max-width: 40px !important;
  object-fit: contain !important;
}

.imgProfile-review46 img {
  max-height: 44px !important;
  max-width: 44px !important;
  object-fit: contain !important;
}

.imgbtmtwo img {
  object-fit: contain;
  max-width: 44px;
  max-height: 44px;
}

.main-slide.item.active {
  border: 2px solid #c38cf1;
  border-radius: 6px;
}

/* .vertical_slide {
  /* width: 100%;
  height: 440%; 
  overflow-y: auto;
} */

.performance_category {
  width: 200px;
  /* margin-left: auto; */
  margin-top: 20px;
}

button#category_product {
  padding-left: 9px !important;
  padding: 0;
}

.commonField input,
.commonField .field_select {
  border-radius: 6px;
  border: 1px solid #667080;
  background: var(--white);
  height: 48px;
  width: 180px;
  color: #333;
  font-size: 16px;
  text-align: left;
  padding: 12px;
}

.commonField .field_select .button_text {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.commonField .formSelect .caret {
  position: absolute;
  right: 12px;
  transition-duration: 0.3s;
  top: 12px;
}

span.caret {
  vertical-align: text-bottom;
}

.commonField .formSelect .dropdown-menu {
  width: 180px;
  position: absolute;
  top: 48px;
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.mostrecentbtn {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  height: 34px !important;
}

.mostrecentbtn i {
  right: 13px;
  top: 10px !important;
}

.mostrecentdd {
  top: 34px !important;
  right: 0px;
}

/* .commonField .formSelect .dropdown-menu li:hover {
    background-color: #f9f2ff !important
  } */
.commonField .formSelect .dropdown-menu li {
  padding: 4px 13px;
  cursor: pointer;
  color: #2b3674;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.26px;
}

button#category_product i {
  right: 13px;
  top: 16px;
}

h5.heading {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.4px;
}

.rating_box span {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

span.totalrating {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}

/* order page starts */
.orders {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.4px;
}

a.trackraise:hover {
  color: #7f1ad1;
}

.orderdeliverybox {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}

.orderdeliverybox .deliverycontent {
  padding: 30px 16px 5px;
}

span.orderdelivery {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.orderdeliverybox .deliveryitemimg {
  border-radius: 8px;
  border: 1px solid #ededed;
  background: #fff;
  height: 132px;
  width: 132px;
  padding: 5px 4px 4px 4px;
}

.orderdeliverbox .rowdelivery {
  display: grid;
  grid-template-columns: 17% 83%;
}

.orderdeliverybox .cosmosbox_delivery p b {
  color: #333;
  font-size: 16px;
  font-weight: 600;

  letter-spacing: -0.32px;
}

.guidelines {
  border-radius: 4px;
  background: #f7efd1;
  padding: 3px 10px;
}

.guidelines small {
  color: #7f1ad1;
  font-size: 14px;
  font-weight: 500;

  letter-spacing: -0.28px;
}

.guidelines span {
  color: #333;
  font-size: 12px;
  font-weight: 400;

  letter-spacing: -0.24px;
}

.orderlocation {
  border-radius: 8px;
  border: 1px solid #bfbfbf;
  background: #fff;
  padding: 14px;
}

.ordercontent p,
.ordercontent span {
  color: #333;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: 0.5px;
}

.ordersearch button {
  right: 0px;
  top: 0px;
}

.rowcontact.buyerorderrow {
  margin-right: 0px;
}

.input-group.ordersearch input::placeholder {
  color: var(--Primary, #667080);
  font-feature-settings: "calt" off;

  font-size: 16px;

  font-weight: 400;

  letter-spacing: -0.32px;
}

.orderbox button#category_product i {
  right: 13px;
  top: 11px;
}

.orderbox button#category_product {
  height: 38px;
}

.orderbox .form-control {
  border: 1px solid #667080;
}

.orderbox .commonField .formSelect .dropdown-menu {
  top: 38px;
}

.orderbox .form-control:focus {
  box-shadow: unset !important;
  border-color: #667080 !important;
}

.orderbox .performance_category {
  width: 190px;
}

input.productreview.bg-white {
  color: var(--M3-sys-light-primary, #6750a4);
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
  padding: 10px 24px;
}

ul.bar-progress {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  display: flex;
  text-align: left;
  width: 100%;
  max-width: 100%;
}

span.span-top {
  color: #333;
  font-size: 12px;
  font-weight: 400;

  letter-spacing: -0.24px;
}

span.span-bottom {
  color: #333;
  font-size: 12px;
  font-weight: 500;

  letter-spacing: -0.24px;
}

span.span-middele {
  width: 14.373px;
  height: 14px;
  background: #d7d7d7;
  border-radius: 100%;
  margin: 10px 25px;
  z-index: 999;
}

span.span-middele.span-middele6 {
  margin: 10px 20px;
}

span.span-bottom.lastdate {
  margin-left: -10px;
}

ul.bar-progress li {
  display: flex;
  flex-direction: column;
  position: relative;
}

ul.bar-progress li:after {
  content: "";
  width: 100%;
  position: absolute;
  top: 47%;
  background: #d7d7d7;
  height: 5px;
  left: 30px;
}

ul.bar-progress li:before {
  content: "";
  width: 50%;
  position: absolute;
  top: 47%;
  background: #d7d7d7;
  height: 5px;
  right: 90%;
}

ul.bar-progress6 li:before,
ul.bar-progress6 li:after {
  top: 57%;
}

ul.bar-progress.bar-progress1 li:before {
  content: "";
  width: 50%;
  position: absolute;
  top: 47%;
  background: #d7d7d7;
  height: 5px;
  right: 87%;
}

ul.bar-progress li:first-child:before {
  width: 0;
}

ul.bar-progress li:last-child:after {
  width: 0;
}

ul.bar-progress li.active-line1::after,
ul.bar-progress li.active-line1 span.span-middele {
  background: #51a34e;
}

ul.bar-progress li.active-line2::before,
ul.bar-progress li.active-line2 span.span-middele,
ul.bar-progress li.active-line22::after {
  background: #51a34e;
}

ul.bar-progress li.active-line3::before,
ul.bar-progress li.active-line3 span.span-middele,
ul.bar-progress li.active-line33::after {
  background: #51a34e;
}

ul.bar-progress li.active-line5::before,
ul.bar-progress li.active-line5 span.span-middele,
ul.bar-progress li.active-line55::after {
  background: #51a34e;
}

ul.bar-progress li.active-line4::before,
ul.bar-progress li.active-line4 span.span-middele,
ul.bar-progress li.active-line44::after {
  background: #51a34e;
}

ul.bar-progress.part4 li {
  max-width: 100%;
  width: 25%;
}

ul.bar-progress.part2 li {
  max-width: 100%;
  width: 50%;
}

li.active-line0 span.span-middele {
  background: #51a34e;
}

.statusList ul li:nth-child(5),
.statusList ul li:nth-child(6) {
  display: none;
}

.orderdeliverybox .unfollow_option {
  display: block;
  width: 182px;
  padding: 15px;
  height: 155px;
  border-radius: 6px;
}

.orderdeliverybox .unfollow_option p {
  color: #333;

  font-size: 14px;

  font-weight: 400;
  line-height: 20px;
}

.orderdeliverybox .unfollow_option {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

/* order page ends */

/* 11 march 2024 */
a.nextarrow {
  right: 0px;
  bottom: 22px;
  /* height: 56px; */
  text-align: center;
  background: rgb(255 250 250);
  opacity: 0.6;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

a.prevarrow {
  bottom: 22px;
  /* height: 56px; */
  text-align: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: rgb(255 250 250);
  opacity: 0.6;
  left: 0px;
}

/* palce order */
.placeorderbtntext {
  color: #7f1ad1;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.palceorderbtn {
  display: flex;
  padding: 8px 40px 8px 35px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid black;
  border-radius: 25px;
}

.textone {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
  /* 206.25% */
  letter-spacing: -0.32px;
}

.textwo {
  color: #333;
  font-size: 16px;
  font-weight: 500;

  /* 137.5% */
  letter-spacing: -0.32px;
}

.texthree {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  /* 157.143% */
  letter-spacing: -0.28px;
}

p.textpara {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.line {
  background: #ebebeb;
}

.giftrequest {
  grid-template-columns: 26% 26% 45%;
}

.placeordercontentsection:before {
  content: "";
  height: 60px;
  width: 1px;
  background: #ebebeb;
  position: absolute;
  left: -12px;
  top: 20px;
}

.btmrow {
  padding: 20px 0px 10px;
  border-top: 1px solid #ebebeb;
  margin: 0px 20px;
}

/* trackpackage starts */
h5.trackpackage {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.32px;
}

.trackdelivery {
  padding: 24px;
}

.trackraise {
  color: #7f1ad1;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.trackprogress ul.bar-progress {
  margin-bottom: 0px;
}

.trackprogress ul.bar-progress li:before {
  right: 87%;
}

.orderplace .order_summary {
  border-radius: 6px;
  border: 1px solid #ebebeb;
  background: var(--Secondary-Primary-White, #fff);
  padding: 18px 15px;
  min-height: 188px;
}

.orderplace h5 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.32px;
}

.invoicerequest small {
  color: #7f1ad1;
  font-size: 14px;
  font-weight: 500;
}

.invoicerequest .cancel {
  border-left: 1px solid #b5b5b5;
}

small.eligibility {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 10px;
}

.orderdeliverbox .deliverycontent {
  padding: 0px 16px 5px;
}

.palceorderbtn {
  display: flex;
  padding: 10px 24px 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid black;
  border-radius: 25px;
  margin-left: 12em;
}

.deliver.trackraise {
  color: #7f1ad1;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.border-top-mobile {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 10px;
  margin: 10px 5px;
  /* border: 1px solid #ccc; */
  border-radius: 5px;
}

.bar-progress-mobile {
  display: inline-block;
  width: 100%;
  /* deliverorder starts */
}

.deliverorderdelivery .rowdelivery {
  grid-template-columns: 16% 84%;
}

.deliverorderdelivery .deliverycontent {
  padding: 0px 16px 5px;
}

/* tracking modal */
.track_modal_title {
  color: #2b3674 !important;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.44px;
}

.tarck-tileone {
  color: #79747e !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 22px !important;
  letter-spacing: -0.32px !important;
}

.tarck-tiletwo {
  color: #000 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  letter-spacing: -0.28px !important;
}

.tarck-tilethree {
  color: #333 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: -0.28px !important;
}

.tarck-tilefour {
  color: #333 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  letter-spacing: -0.28px !important;
}

.grid_sections {
  grid-template-columns: 16% 84%;
}

.track_after {
  position: relative;
}

.track_after::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 55px;
  background-color: #d8d8d8;
  margin-left: 15px;
}

/* reviewmodal starts */
.reviewimg {
  width: 114px;
  height: 98.19px;
  border-radius: 5.137px;
  border: 1.284px solid #e3e3e3;
  background: #fff;
  text-align: center;
  padding: 21px 8px;
}

h5.prorating_h5 {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
}

h5.attatchment_h4 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5px;
}

h5.attatchment_h5 {
  color: #666;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: -0.22px;
}

.review_dialog {
  max-width: 530px;
}

.addimg {
  border-radius: 10px;
  border: 1px solid #bababa;
  background: #fff;
  display: flex;
  height: 42px;
  width: 42px;
  justify-content: center;
  align-items: center;
}

.review_dialog .modal-body.reviewmodal {
  padding: 20px 30px;
}

.review_dialog h5#staticBackdropLabel {
  color: #2b3674;
  font-size: 22px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.44px;
}

.review_dialog .close_icons {
  width: 24px;
  height: 24px;
}

.review_dialog .modal-header {
  padding-left: 30px;
  width: 100%;
}

img.imgcount {
  max-width: 33px;
  max-height: 19px;
}

.starrating svg.star-svg {
  height: 18px !important;
  width: 18px !important;
}

.palceorderbtn a:hover {
  color: #7f1ad1 !important;
}

/* cancellation page starts */
.cancellationpage h5.prorating_h5 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.32px;
  margin-bottom: 2px;
}

.cancellationpage textarea#textAreaExample1 {
  border: 1px solid #667080;
}

.policytetxt small {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.cancellationpage .cancel {
  border-radius: 100px;
  border: 1px solid var(--M3-sys-light-outline, #79747e);
  padding: 10px 24px;
}

.cancellationpage .cancel a {
  color: var(--M3-sys-light-primary, #6750a4);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.cancellationpage .confirm {
  border-radius: 100px;
  background: linear-gradient(244deg, #7f1ad1 -35.4%, #21005d 131.13%);
  padding: 10px 24px;
}

.cancellationpage .confirm a {
  color: var(--M3-sys-light-on-primary, #fff);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.cancelapprove small {
  color: #333;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.cancelapprove p {
  color: #333;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.cancellationpage .palceorderbtn {
  padding: 10px 24px 10px 24px;
  border: 1px solid black;
  border-radius: 25px;
  /* margin-left: 14.8em; */
  text-align: center;
  display: block !important;
}

/* return page starts */
.reasonarea textarea {
  border-radius: 6px;
  border: 1px solid var(--Primary, #667080);
  background: var(--White, #fff);
  width: 69%;
}

.uploadfile p {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.32px;
}

.uploadfile small {
  color: #333;
  font-size: 14px;
  font-weight: 500;

  letter-spacing: -0.28px;
}

.uploadfile .addimg {
  height: 80px;
  width: 80px;
}

.uploadfile img.imgcount {
  max-width: 72px;
  max-height: 72px;
  border-radius: 6px;
}

.uploadfile video.imgcount {
  max-width: 72px;
  max-height: 72px;
  border-radius: 6px;
}

.addimg .img-container:before {
  content: "";
  width: 0px;
  height: 0;
  border-style: solid !important;
  border-width: 0 32px 36px 0 !important;
  border-color: transparent #7f1ad199 transparent transparent !important;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 6px;
}

img.delete {
  position: absolute;
  top: 4px;
  right: 4px;
}

.attatchmentbox:before {
  content: "";
  width: 1px;
  height: 234px;
  background: #e7e7e7;
  position: absolute;
  left: 53%;
  top: 20%;
}

p.note {
  color: #333;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-left: 30px;
}

.return .cancel,
.replacement .cancel {
  border-radius: 100px;
  border: 1px solid var(--M3-sys-light-outline, #79747e);
  padding: 10px 24px;
}

.return .cancel a,
.replacement .cancel a {
  color: var(--M3-sys-light-primary, #6750a4);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.return .confirmreturn,
.replacement .confirmreturn {
  border-radius: 100px;
  background: linear-gradient(244deg, #7f1ad1 -35.4%, #21005d 131.13%);
  padding: 10px 37px;
}

.return .confirmreturn a,
.replacement .confirmreturn a {
  color: var(--M3-sys-light-on-primary, #fff);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

/* manage address start */
.manage_heading span {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500 !important;

  letter-spacing: -0.28px;
}

.manage_address span {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;

  letter-spacing: -0.28px;
}

.manage_address small {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.manage_default_address {
  border-radius: 4px;
  background: #d8fafd;
  padding: 1px 11px;
}

.manage_addresses .orderdeliverybox .deliverycontent {
  padding: 18px 16px 5px;
}

.manage_addresses .orderdeliverybox .unfollow_option {
  display: block;
  width: 161px;
  padding: 15px;
  height: 122px;
  border-radius: 6px;
}

.manage_add_new_address {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 8px 15px;
}

button.addaddressbtn {
  padding: 0px 45px;
}

/* return rejected starts */
.returnreject {
  border-radius: 82px;
  background: #edd9e2;
  display: inline-block;
  padding: 1px 28px;
}

.returnreject a {
  color: #572c3e;
  text-align: center;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.reject_p p {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.reject_p p a {
  color: #7f1ad1;
  font-size: 14px;
  font-weight: 500;

  letter-spacing: -0.28px;
}

.Escalate {
  border: 1px solid #333;
  padding: 10px 41px;
  color: #7f1ad1;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

p.Escalateeligibility {
  color: #333;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.modal-dialog.modal-dialog-centered.return_dialog textarea {
  height: 194px !important;
}

.return_dialog .modal-content.report_modal_contents {
  height: 633px;
}

.return_dialog .modalbtns {
  position: absolute;
  bottom: 20px;
  right: 30px;
}

.reject_p small {
  color: #333;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

a.Escalate:hover {
  color: #7f1ad1 !important;
}

/* returnverified starts */
.returnverified .deliverorderdelivery .rowdelivery {
  grid-template-columns: 18% 82%;
}

/* manage address end */

/* Drag & Drop start */
/* 'drop zone css'  */

.drag_drop_style .content.contentfinish {
  min-height: 358px !important;
}

.drag_drop_style .progress-bar {
  width: 100%;
  height: 0px;
  margin-top: -5px;
  border-radius: 5px;
}

.drag_drop_style .percentage {
  display: block;
  height: 3px;
  background-image: linear-gradient(to right, #21005d, #7f1ad1);
  border-radius: 5px;
  animation: progress 1000ms ease-in;
}

@keyframes progress {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.drag_drop_style .uplod_btn {
  background-image: linear-gradient(to right, #21005d, #7f1ad1);
  font-weight: 500;
}

.drag_drop_style .content {
  /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
  border-radius: 4px;
  border: 1px solid #ececec;
  background: #fff;
  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.05);
  width: 540px;
  margin: 0 auto;
  padding: 0px 30px 30px 30px;
  text-align: center;
  min-height: 620px;
  position: relative;
}

/* 
section {
  justify-content: center;
  align-items: center;
  display: flex;
  height: 100vh;
} */

.drag_drop_style .uploding_div,
.result {
  text-align: left !important;
}

.drag_drop_style .top_section_text {
  font-size: 22px;
  font-weight: bold;
  margin: 30px;
}

.drag_drop_style .drop_box {
  border: 2px dashed #384eb757;
  padding: 30px 0px;
  border-radius: 4px;
}

.drag_drop_style .drop_box h1 {
  font-size: 16px;
  margin: 10px 0px;
  font-weight: bolder;
}

/* check */
.drag_drop_style span {
  text-decoration: underline;
  color: #9646da;
  font-weight: bold;
}

/* img {
  margin: 0 auto;
  margin-bottom: 20px;
} */

.drag_drop_style .drop_box p {
  font-size: 12px;
  color: #676767;
}

.drag_drop_style h2 {
  color: #676767;
  font-size: 14px;
  font-weight: bold;
}

.drag_drop_style .uploding_div,
.result {
  margin: 1.25rem 0;
}

.drag_drop_style .bar {
  border: 1px solid #e3e3e3;
  height: 37px;
  border-radius: 4px;
}

.drag_drop_style .bar,
.result p {
  color: black !important;
  font-size: 12px;
}

.drag_drop_style .bar p {
  padding: 10px 10px;
}

.drag_drop_style .result {
  align-items: center;
}

.drag_drop_style .result button {
  color: #e41d1d;
  font-size: 12px;
}

.drag_drop_style .uploded_images_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #11af22;
  border-radius: 4px;
  padding: 8px 20px;
  margin: 15px 0px;
}

.drag_drop_style .uplod_files_btn {
  max-width: 100%;
  border-radius: 100px;
  color: white;
  padding: 15px;
  margin: 20px 0px;
  border: none;
  position: absolute;
  left: 40px;
  bottom: 40px;
  width: 85%;
  margin: 0 auto;
}

.drag_drop_style .second_section .content {
  padding: 90px;
}

.drag_drop_style .second_section h1 {
  color: #333333;
  font-weight: 500;
  font-size: 18px;
}

.drag_drop_style .second_section button {
  color: #7f1ad1;
  font-weight: 600;
  font-size: 14px;
  width: 259px;
  border: 1px solid black;
  border-radius: 100px;
  padding: 10px 0;
  margin-top: 47px;
}

.drag_drop_style .uploadhead {
  color: #0f0f0f;
  text-align: center;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.drag_drop_style .bin_image {
  width: 15px;
  height: 16px;
}

.drag_drop_style .delete_image {
  background-color: #fff3f3;
  border-radius: 100%;
  padding: 2px 6px 4px 7px;
}

/* Drag & Drop end */

/* Buyer Profile start 14 march */

.buyer_my_profile .profile_main_section h1 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
}

.buyer_my_profile .profile_main_section h2 {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.buyer_my_profile .form label {
  display: block;
  color: #a0a0a0;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

/* .buyer_my_profile .pernol_details_forms{
  display: flex;
  gap: 30px;
} */
/* .buyer_my_profile .name,.phone{
  display: flex;
gap:16px;
} */

.buyer_my_profile .input {
  border-radius: 6px;
  border: 1px solid #cfcfcf;
  color: black;
  border-radius: 6px;
  border: 1px solid var(--Primary, #667080);
  background: var(--White, #fff);
}

.gender_input input[type="radio"]:checked + label {
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.buyer_my_profile .input::placeholder {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 16px;
  font-weight: 400;

  letter-spacing: -0.32px;
}

.buyer_my_profile .pass_width {
  width: 80%;
}

.buyer_my_profile .information_message h3 {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.buyer_my_profile .notification_types label {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.buyer_my_profile .edit_btn {
  width: 128px;
  height: 40px;
  padding: 10px 16px;
  border: 1px solid black;
  border-radius: 100px;
  color: #7f1ad1;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.buyer_my_profile .change_password_btn {
  border-radius: 100px;
  border: 1px solid #79747e;
  color: #6750a4;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 13px;
}

.buyer_my_profile .permision label {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.buyer_my_profile .delete_account_btn {
  border-radius: 100px;
  border: 1px solid #d95c59;
  color: #d95c59;
  font-weight: 600;
  font-size: 14px;
  padding: 9px 22px;
}

.buyer_my_profile .profileborder {
  border-bottom: 1px solid #e7e7e7;
}

.buyer_my_profile .gender_input,
.notification_types,
.notification_types {
  display: flex;
  align-items: center !important;
}

.buyer_my_profile input[type="radio"] {
  accent-color: #7f1ad1;
  width: 24px;
  height: 15px;
}

.buyer_my_profile input[type="checkbox"] {
  accent-color: #d0bcff;
  /* width: 24px; */
  border: 1px solid #cac4d0;
}

.buyer_my_profile .change_pass_form label {
  display: block;
  color: #333333;
  font-size: 14px;
}

.buyer_my_profile .palceorderbtn {
  padding: 7px 36px;
}

.buyer_my_profile .eye-icon {
  position: absolute;
  right: 5px;
  top: 20%;
  cursor: pointer;
}

.infoinput img {
  position: absolute;
  top: 50%;
  right: -25px;
}

.btn_cancle {
  padding: 9px 22px;
  color: #6750a4;
  font-size: 14px;
  font-weight: 600;
  border-radius: 100px;
  border: 1px solid #79747e;
}

.btn_confirm {
  color: white;
  font-size: 14px;
  font-weight: 600;
  border-radius: 100px;
  background-image: linear-gradient(to right, #21005d, #7f1ad1);
  border: none;
  padding: 10px 18px;
}

/* .modla ccss start from here  */

.buyer_my_profile .profile_modal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

*/

/* Modal Styles */
.buyer_my_profile .modal_content_BuyerProfile {
  border-radius: 20px;
  background: #fff !important;
  width: 535px;
  height: 391px;
  padding: 24px;
}

.buyer_my_profile .image_section {
  height: 163px;
  width: 163px;
}

.buyer_my_profile .image_section img {
  object-fit: contain;
  max-height: 163px;
  max-width: 163px;
}

.buyer_my_profile .closeprofile {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.buyer_my_profile .closeprofile:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

*/ .buyer_my_profile .profile_modal_body ul {
  list-style-type: disc;
  padding-left: 20px;
}

.buyer_my_profile .modal_content_BuyerProfile h2 {
  color: #2b3674;
  font-size: 22px;
  font-weight: 600;
}

.buyer_my_profile .modal_content_BuyerProfile h1 {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.buyer_my_profile .modal-buttons .delete {
  background-color: #f44336;
  color: #fff;
}

.buyer_my_profile .modal-buttons {
  justify-content: end;
  display: flex;
}

.buyer_my_profile .profile_modal_body ul {
  list-style-type: disc;
  padding-left: 20px;
}

.buyer_my_profile .profile_modal_body ul li {
  color: #333;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.profile_modal_body ul li {
  color: #333;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.buyer_profile_heading {
  color: #2b3674;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.44px;
}

.profile_h {
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.profile_modal {
  height: 395px !important;
}

/* Buyer Profile end */

/* buyer store start  */

.buyerpage .topsection .alfa {
  height: 220px;
}

.buyerpage .review_views {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 30px;
}

.buyerpage .bottom_review_views {
  border-bottom: unset;
}

.buyerpage form#massage_form {
  width: 380px;
}

.buyerpage .mystoredelivery {
  margin-top: 0px;
}

.buyerpage .searchicon label {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.buyerpage .bluebtn a {
  padding: 10px 20px 10px 24px;
}

.buyerpage .searchicon input::placeholder {
  color: var(--Primary, #667080);
  font-feature-settings: "calt" off;
  font-size: 16px;
  font-weight: 400;

  letter-spacing: -0.32px;
}

.buyerpage .corner {
  position: absolute;
  top: 0px;
  right: 0px;
}

.buyerpage .storesearchbox {
  grid-column: 1 / 3;
}

.buyerpage img.storeeye-icon {
  position: absolute;
  right: 1%;
  top: 20%;
}

.buyerpage .addimage {
  position: absolute;
  top: 8px;
  right: 5px;
}

.buyerpage .ladyimage {
  /* background: #caa1eb; */
  background: #fbfbfb;
  height: 208px;
  width: 208px;
  border-radius: 10px;
  position: relative;
  top: -15px;
  left: 20px;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
  border: 2px solid #e3e3e3;
}

.buyerpage .bottomline small {
  color: #000;
  font-size: 14px;
  text-wrap: nowrap;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.buyerpage .borderleft:before {
  content: "";
  width: 1px;
  height: 14px;
  background: #666;
  position: absolute;
  top: 5px;
}

.buyerpage .locationinfo span {
  border-left: 1px solid #666666;
  padding-left: 10px;
}

.sideitem {
  border-radius: 6px;
  border: 2px solid #f1ebf6;
  padding: 9px;
  width: 332px;
}

.sideitem span {
  color: #666;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5px;
}

.buyerpage .mystoretop h4 {
  color: #2b3674;
  font-size: 25px;
  font-weight: 600;
}

.buyerpage span.view {
  color: #7f1ad1 !important;
}

.buyerpage span.cameraimg {
  background: #0000008c;
  padding: 10px 10px;
  border-radius: 100%;
  position: absolute;
}

.buyerpage .mystoretop span {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}

.buyerpage span.cameraimg {
  background: black;
  padding: 8px 8px;
  border-radius: 100%;
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 1px;
  opacity: 70%;
}

.buyerpage .about-btn {
  color: #7f1ad1;
  font-weight: 500;
  font-family: Roboto;
  padding: 10px 24px 10px 24px;
  border-radius: 100px;
  border: 1px solid #79747e;
  margin-top: 20px;
  font-size: 14px;
  background: white;
}

.buyerpage .topsectiontwo {
  top: -40px;
  display: grid;
  grid-template-columns: 20% 80%;
  align-items: center;
}

.buyerpage h2.similarhead {
  font-size: 20px;
  font-weight: 700;
  color: #280049;
}

.buyerpage .pinkgradient.pinkhotdeal {
  border-radius: 4px;
  border: 1px solid #ebebeb;
  background: linear-gradient(180deg, #d361ac -15.37%, #751253 100%);
  height: 244px;
  display: flex;
  width: auto;
  padding: 8px;
  position: relative;
  grid-row: 1/3;
}

.buyerpage .redgradient.redhotdeal {
  border-radius: 4px;
  border: 1px solid #ebebeb;
  background: linear-gradient(180deg, #d36161 -15.37%, #782626 100%);
  height: 244px;
  display: flex;
  width: auto;
  padding: 8px;
  grid-row: 1/3;
}

.buyerpage .greengradient.greenhotdeal {
  border-radius: 4px;
  border: 1px solid #ebebeb;
  background: linear-gradient(180deg, #7fa346 -15.37%, #415a18 100%);
  height: 115px;
  display: flex;
  width: auto;
  padding: 8px;
  grid-row: 1/2;
  grid-column: 3/3;
}

.buyerpage .bluegradient.bluehotdeal {
  border-radius: 4px;
  border: 1px solid #ebebeb;
  background: linear-gradient(180deg, #3d9994 -15.37%, #0e4b48 100%);
  height: 115px;
  display: flex;
  width: auto;
  padding: 8px;
  margin-top: 14px;
  grid-row: 2/2;
  grid-column: 3/3;
}

.buyerpage .hotdealsoffer.dealoffer {
  background: #d4dce7;
  padding: 20px 13px;
  display: grid;
  grid-template-columns: 40% 30% 30%;
  grid-template-rows: auto auto;
  border-radius: 6px;
}

.buyerpage .hotdeal_content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 55px 25px 25px 15px;
}

.buyerpage .hotdeal_contenttwo {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px 10px 10px 15px;
}

.buyerpage .content_Deals p {
  color: #fff;
  font-size: 22px;
  font-weight: 400;

  margin: 0;
}

.buyerpage .content_Deals h2 {
  color: #fff;
  font-family: "Iowan Old Style";
  font-size: 65px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 1.95px;
}

.buyerpage .content_Dealstwo p {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;

  margin: 0;
}

.buyerpage .content_Dealstwo h2 {
  color: #fff;
  font-family: "Iowan Old Style";
  font-size: 65px;
  font-weight: 700;
}

.buyerpage .content_Dealsthree p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;

  margin: 0;
}

.buyerpage .content_Dealsthree h2 {
  color: #fff;
  font-family: "Iowan Old Style";
  font-size: 38px;
  font-weight: 700;
}

@font-face {
  font-family: "Iowanoldstyle";
  src: url(../font/Iowanoldstyle.otf);
}

.buyerpage .categorybox {
  height: auto;
  background: white;
  border-radius: 10px;
  display: grid;
  grid-template-columns: auto auto auto auto;
  row-gap: 50px;
  justify-content: space-around;
  border: 1px solid #e7e7e7;
}

.buyerpage .myproducts,
.myproducts-first {
  height: 250px;
  width: 256px;
  background-image: url(/images/my_store/asset1.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}
.myproductsnewslide {
  margin: 0 auto;
}
.buyerpage .myproducts img {
  width: 100%;
  position: absolute;
  top: -33px;
  right: 0px;
  left: 20px;
  height: 220px;
}

.myproducts-first img {
  width: 78%;
  position: absolute;
  top: -6px;
  right: -10px;
  height: 80%;
}

.buyerpage .mynecklace {
  height: 250px;
  width: 256px;
  background-image: url(/images/my_store/Asset2.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.buyerpage .mynecklace img {
  width: 290px;
  position: absolute;
  top: -80px;
  right: 0px;
  left: -8px;
  height: 400px;
}

.buyerpage .neckbox {
  position: absolute;
  bottom: 16px;
  left: 53px;
  text-align: center;
  line-height: 24px;
}

.buyerpage .neckbox span {
  font-size: 30px;
  font-family: Josefin Slab;
  font-weight: 600;
  color: #333333;
}

.buyerpage .myearrings {
  height: 250px;
  width: 256px;
  background-image: url(/images/my_store/Asset3.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.buyerpage .earringbox span {
  font-size: 30px;
  font-family: Josefin Slab;
  font-weight: 600;
  color: #333333;
}

.buyerpage .earringbox {
  position: absolute;
  bottom: 16px;
  left: 60px;
  text-align: center;
  line-height: 24px;
}

.buyerpage .myearrings img {
  width: 100%;
  position: absolute;
  top: -23px;
  right: 0px;
  left: 45px;
  height: 232px;
}

.buyerpage .mybracelets {
  height: 250px;
  width: 256px;
  background-image: url(/images/my_store/Asset4.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.buyerpage .braceletbox {
  position: absolute;
  bottom: 16px;
  left: 60px;
  text-align: center;
  line-height: 24px;
}

.buyerpage .braceletbox span {
  font-size: 30px;
  font-family: Josefin Slab;
  font-weight: 600;
  color: #333333;
}

.buyerpage .mybracelets img {
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 25px;
  height: 200px;
}

.buyerpage .myanklets {
  height: 250px;
  width: 256px;
  background-image: url(/images/my_store/Asset5.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.buyerpage .ankletbox {
  position: absolute;
  bottom: 16px;
  left: 62px;
  text-align: center;
  line-height: 24px;
}

.buyerpage .ankletbox span {
  font-size: 30px;
  font-family: Josefin Slab;
  font-weight: 600;
  color: #333333;
}

.buyerpage .myanklets img {
  width: 100%;
  position: absolute;
  top: -40px;
  right: 0px;
  left: -5px;
  height: 230px;
}

.buyerpage .mycustomize {
  height: 250px;
  width: 256px;
  background-image: url(/images/my_store/Asset6.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.buyerpage .customizebox {
  position: absolute;
  bottom: 16px;
  left: 0px;
  text-align: center;
  line-height: 34px;
}

.buyerpage .customizebox span {
  font-size: 30px;
  font-family: Josefin Slab;
  font-weight: 600;
  color: #333333;
}

.buyerpage .mycustomize img {
  width: 100%;
  position: absolute;
  top: -31px;
  right: 0px;
  left: -22px;
  height: 220px;
}

.buyerpage .mystoreproducts {
  height: 250px;
  width: 256px;
  background-image: url(/images/my_store/Asset7.png);
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
}

.buyerpage .mystoreproducts img {
  width: 100%;
  position: absolute;
  top: 80px;
  right: 0px;
  left: 0px;
}

/* .buyerpage .boxdata {
  position: absolute;
  bottom: 16px;
  left: 32px;
  line-height: 24px;
} */

.buyerpage .boxdata {
  position: absolute;
  bottom: 16px;
  left: unset;
  line-height: 24px;
  width: 100%;
  text-align: center;
}

.buyerpage .boxdata span {
  color: #333;
  text-align: center;
  font-family: "Josefin Slab";
  font-size: 30px;
  font-weight: 600;
  line-height: 24px;
}

.buyerpage span.diwalihead {
  color: #000;
  font-family: Roboto;
  font-size: 36px;
  font-weight: 400;
  line-height: 44px;
}

.buyerpage .sidetext p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.ladyimage .ladypic {
  object-fit: contain;
}

@media only screen and (max-width: 1200px) {
  img.pinkstar,
  .greenstar,
  .redstar,
  .bluestar {
    width: 50px;
    position: absolute;
  }

  .content_Deals p {
    font-size: 17px !important;
  }

  .content_Deals h2 {
    font-size: 45px !important;
  }

  .content_Dealstwo p {
    font-size: 17px !important;
  }

  .content_Dealstwo h2 {
    font-size: 45px !important;
  }

  .content_Dealsthree p {
    font-size: 17px !important;
  }

  .content_Dealsthree h2 {
    font-size: 45px !important;
  }

  img.pinkstar {
    height: 235px;
  }

  img.redstar {
    height: 235px;
  }

  img.greenstar {
    height: 100px;
  }

  .categorybox {
    grid-template-columns: auto auto auto;
  }
}

@media only screen and (max-width: 991px) {
  .content_Deals p {
    font-size: 16px !important;
  }

  .content_Deals h2 {
    font-size: 40px !important;
  }

  .content_Dealstwo p {
    font-size: 16px !important;
  }

  .content_Dealstwo h2 {
    font-size: 40px !important;
  }

  .content_Dealsthree p {
    font-size: 16px !important;
  }

  .content_Dealsthree h2 {
    font-size: 40px !important;
  }

  .hotdealsoffer {
    grid-template-columns: 50% 50% !important;
    grid-template-rows: auto auto auto !important;
  }

  .pinkgradient {
    grid-row: 1/3 !important;
    grid-column: 1/3 !important;
  }

  .redgradient {
    grid-row: 3/4 !important;
    grid-column: 1/2 !important;
  }

  .greengradient.greenhotdeal {
    height: 119px;
  }

  .topsection .alfa {
    height: 210px;
  }

  .ladyimage {
    margin: 0px;
  }

  .topsection .alfa {
    height: 180px;
  }

  .ladyimage .ladypic {
    height: 90px;
    width: 90px;
  }

  .ladyimage {
    height: 140px;
    width: 140px;
  }

  span.cameraimg {
    top: 50px;
  }

  .categorybox {
    grid-template-columns: auto auto;
  }
}

@media only screen and (max-width: 575px) {
  .ladyimage .ladypic {
    height: 70px;
    width: 70px;
  }

  span.cameraimg {
    top: 30px;
  }

  .topsection .alfa {
    height: 100px;
  }

  .mystoretop h4 {
    font-size: 18px;
  }

  .about-btn {
    padding: 6px 20px 6px 20px;
    font-size: 10px;
  }

  .locationinfo span {
    border-left: 1px solid #666666;
    padding-left: 0px;
  }

  .locationinfo span {
    border-left: 0px;
  }

  .hotdealsoffer {
    grid-template-columns: 100% !important;
    grid-template-rows: auto auto auto auto !important;
  }

  .pinkgradient,
  .redgradient,
  .bluegradient,
  .greengradient {
    height: 140px !important;
  }

  .redgradient {
    grid-row: 4/4 !important;
  }

  .content_Dealstwo h2 {
    font-size: 30px !important;
  }

  .content_Dealstwo p {
    font-size: 15px !important;
  }

  .hotdeal_content {
    padding: 10px 25px 25px 15px !important;
  }
}

.mystorerating .progress_star_rating .progress-bar {
  border-radius: 10px;
}

.mystorerating .progress-bar {
  height: 5px;
}

.mystorerating .progress_star_rating .progress-container {
  width: 195px;
}

.mystorerating.customer_rating_percentage span {
  color: #333333;
}

/* buyer store css end */
/*=========== || Listing Page css   Start || =========== */
.buyerpage .product_card {
  border-radius: 6px;
  padding: 12px;
  border: 1px solid #ebebeb;
  background: var(--Secondary-Primary-White, #fff);
}

.buyerpage .product_top {
  margin: 30px 0 12px;
  height: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buyerpage .newcarouselbest {
  margin: 30px 0 37px;
  height: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newcarouselbest img {
  width: 145px;
  height: 139px;
}

.buyerpage .productName {
  color: #2b3674;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.28px;
  font-weight: 500;
}

.buyerpage .produ_availibility {
  color: #5e6174;
}

.buyerpage .produ_availibility b {
  color: #2b3674;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.32px;
  margin-left: 6px;
}

.buyerpage .productCard_descip {
  padding-top: 12px;
  border-top: 1px solid #e9edf7;
}

.buyerpage .addBtn a {
  width: 34px;
  height: 32px;
  background: #280049;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  color: var(--white);
  border-radius: 6px 0 6px 0;
}

.buyerpage .addBtn {
  position: absolute;
  right: 0;
  bottom: 0;
}

.buyerpage .tranding_number {
  border-radius: 4px;
  background: #eef5ff;
  width: fit-content;
  padding: 1px 4px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.buyerpage .tranding_number span {
  font-size: 13px;
}

.buyerpage .sliderPrev.swiper-button-prev,
.buyerpage .sliderNext.swiper-button-next,
.buyerpage .productSlider .owl-nav .owl-prev,
.buyerpage .productSlider .owl-nav .owl-next {
  width: 34px;
  height: 34px;
  border: 1px solid #dadada !important;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.buyerpage .sliderPrev.swiper-button-prev,
.buyerpage .productSlider .owl-nav .owl-prev {
  background-image: url("../images/all_icon/arrow_back_caret.svg") !important;
  box-shadow: 4px 0px 4px rgb(0 0 0 / 5%);
  left: -15px;
  margin: 0;
}

.buyerpage .sliderNext.swiper-button-next,
.buyerpage .productSlider .owl-nav .owl-next {
  background-image: url("../images/all_icon/arrow_prev_caret.svg") !important;
  box-shadow: -4px 0px 4px rgb(0 0 0 / 5%);
  right: -15px;
  margin: 0;
}

/* .productSlider .owl-nav .owl-prev>span,
.productSlider .owl-nav .owl-next>span {
  display: none;
} */

.buyerpage .productSlider {
  position: relative;
  background: #d4dce7;
  padding: 15px;
  border-radius: 10px;
}

.buyerpage .listingTabs ul.nav li {
  padding: 0;
  min-width: 120px;
  text-align: center;
}

.buyerpage .listingTabs.datewisetab ul.nav li button.active {
  color: #667080;
}

.buyerpage .listingTabs.datewisetab ul.nav li button {
  color: #141218;
}

.buyerpage .listingTabs.datewisetab ul.nav li.active {
  background: #4a4458;
  border-radius: 0px;
  border: #667080;
}

.buyerpage .datewisetab.taboverflow {
  border-radius: 50px;
}

.buyerpage .listingTabs.datewisetab ul.datewise {
  border: 1px solid #667080;
  border-radius: 50px;
}

.buyerpage .listingTabs.datewisetab ul.nav li button {
  color: #141218;
  border-right: 1px solid #667080;
  margin-right: 0px;
  padding: 10px 14px;
}

.buyerpage .listingTabs .tab-content .tab-content1 {
  background: none;
  border-radius: 0px;
  padding: 30px 0px 0px 0px;
  margin-bottom: 0px;
}

.buyerpage .listingTabs.datewisetab {
  background-color: var(--white);
  border-radius: 0 6px 6px 6px;
}

.buyerpage .listingTabs ul.nav li button {
  border: 0;
  padding: 14px;
  background-color: transparent;
  margin: 0 auto;
  position: relative;
  color: #49454f;
}

/* .listingTabs ul.nav li button.active {
  color: var(--darkBlue);
}

.listingTabs ul.nav li button.active::before {
  content: "";
  background: var(--darkBlue);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  left: 0;
}

.listingTabs ul.nav li.active {
  background: #fff;
  border-radius: 6px 6px 0 0;
} */

.buyerpage .listingTabs .tab-content {
  background-color: var(--white);
  padding: 30px;
  border-radius: 0 6px 6px 6px;
  margin-bottom: 100px;
}

.buyerpage .eliipse_Dropdwon .dropdown-toggle::after {
  display: none;
}

.buyerpage .eliipse_Dropdwon .dropdown-menu {
  min-width: 150px;
  border: 0;
  box-shadow: 0px 1px 6px rgb(0 0 0 / 15%);
  right: 8px !important;
}

.buyerpage .eliipse_Dropdwon .dropdown-menu .dropdown-item {
  color: var(--darkBlueLText);
  display: flex;
  gap: 8px;
  font-weight: 500;
  padding: 7px 16px;
}

.buyerpage .eliipse_Dropdwon .dropdown-menu .dropdown-item:active {
  background-color: transparent;
}

.buyerpage .productSlider .owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.buyerpage .radiaoBtn input {
  width: 16px !important;
  height: 16px;
  accent-color: rgba(127, 26, 209, 1);
}

.buyerpage .radiaoBtn .form-check {
  min-width: 90px;
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: 0;
}

.buyerpage .edit_delete-btn {
  margin-bottom: 30px;
}

.buyerpage .upload_plusBtn.tags {
  height: 48px;
}

.buyerpage h5.heading {
  color: #280049;
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.buyerpage .BuyerRatingBox {
  border-radius: 10px;
  /* border: 1px solid #e8e8e8; */
  background: #fff;
  padding: 0px;
}

.buyerpage p.avgrating {
  color: #2b3674;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.36px;
}

.buyerpage .backtostore img {
  vertical-align: sub;
}

.buyerpage .performance_category.reviewbuyer {
  width: 100%;
}

/*=========== || Listing Page css  End || =========== */

/* replacement page starts */
.replacement .attatchmentbox:before {
  top: 15%;
}

/* 15 MARCH */
/* <!-- ============= || Buyer_MESSAGES  Start|| =========== --> / */
.massage_contact_bazama .massage_search_input {
  border-color: transparent;
  padding: 6px 6px 6px 12px;
  width: 100%;
  border-radius: 6px;
  font-size: 16px;
}

.massage_contact_bazama .search_icon_massage {
  right: 12px;
  top: 9px;
}

.massage_contact_bazama .massage_search_input:focus {
  outline: none;
}

.massage_contact_tab .active_tab_massage,
.closed_tab_massage {
  width: 50%;
  border: none !important;
  text-align: center;
  position: relative;
}

.massage_contact_tab .nav-tabs .nav-link {
  margin-bottom: initial !important;
  background: initial !important;
  border: initial !important;
  border-top-left-radius: initial !important;
  border-top-right-radius: initial !important;
  color: #6750a4;
  font-size: 16px;
}

.massage_contact_tab .nav-link.active::before {
  content: "";
  border-bottom: 3px solid #000;
  position: absolute;
  height: 10px;
  border-color: #6750a4;
  width: 60px;
  bottom: 0;
  border-top-right-radius: 6px;
}

.tab_massage_box div p:first-child {
  color: #2b3674;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
  margin-bottom: 0px;
}

a.redchat {
  color: #8e2b67;
  font-size: 18px;
  font-weight: 600;
}

.active_massage_tab p:first-child {
  color: #333;
}

.tab_massage_box div p:last-child {
  color: #979797;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

p.messageid {
  color: #333 !important;
  font-size: 13px !important;
  font-weight: 500;
  letter-spacing: -0.26px !important;
}

.massage_read_info a {
  color: #666666;
}

.massage_read_info {
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.24px;
}

.massage_read_info p {
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.24px;
}

p.greytext {
  color: #979797;
  font-size: 16px;
}

.tab_massage_box div .active_user_massage {
  color: #8e2b67;
}

.tab_massage_box div .massage_tab_details {
  color: #4b4b4b !important;
}

.tab-content .tab_massage_box {
  padding: 10px;
  cursor: pointer;
}

.orderForm .user_conversation_box {
  padding: 0px 0px 0px 0px;
  position: relative;
}

.tab-content .tab_massage_box:hover {
  background-color: #eff2f7;

  border-radius: 4px;
}

.tab_massage_box.massage_use_chat.activechat {
  background-color: #f7edff;

  /* margin-right: 3px; */
}

/* .orderForme .users_chat_content,
.chat_product_name {
  font-size: 18px;
} */
.chat_product_name {
  color: #2b3674;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.orderForm .conversation_btn {
  border: 1px solid;
  padding: 10px 15px 10px 18px;
  border-radius: 30px;
}

.orderForm .neck_img {
  border: 1px solid #e3e3e3;
  padding: 15px 5px;
  border-radius: 6px;
}

.orderForm .seller_product_info {
  box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
  padding: 20px 25px;
  border-radius: 12px;
}

.orderForm .box_massage_product {
  border-top: 1px solid #dcdcdc;
}

.orderForm .order_id_chat span:last-child {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

span.orderdate {
  color: #333;
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

span.odate {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.orderForm .users_chat_content {
  color: #280049;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.orderForm .chat_boat_one span {
  border-radius: 30px;
  width: 30px;
  height: 30px;
  background-color: #ffe1d8;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 9px;
}

.orderForm .chat_boat_two p {
  width: 363px;
  border-radius: 4px;
  background: #f5f5f5;
  padding: 10px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.orderForm .chat_boat_two1 p {
  width: 363px;
  border-radius: 4px;
  background: #faf4ff;
  padding: 10px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.orderForm .name_chat_boat {
  padding-bottom: 17px;
}

.orderForm .boat_option_b {
  background-color: #776f7e !important;
  color: #ffff;
}

.orderForm .chat_color {
  color: #8e8e8e;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.orderForm .chats_share_doubts {
  border-top: 1px solid #e8e8e8;
  width: 100%;
  background: #ffff;
}

.orderForm .chat_input {
  width: 90%;
  padding: 20px;
  border: none;
}

.orderForm .chat_input::placeholder {
  color: #969696;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.orderForm .chat_input:focus {
  outline: none;
}

.orderForm .seller_product_details a,
.spanOrdDet-idBl {
  color: #7f1ad1 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.28px;
}

.orderForm .tab-content {
  height: 69vh;
  overflow-y: scroll;
}

.orderForm .tab-content::-webkit-scrollbar {
  display: none;
}

.orderForm .chat_dates {
  overflow-y: scroll;
  height: 60vh;
}

.orderForm .chat_dates::-webkit-scrollbar {
  display: none;
}

.orderForm .send_data_img {
  right: 15px;
  top: 20px;
}

.orderForm .sider_bar_massage {
  /* background-color: #eff2f7; */
  background-color: #fff;
  padding: 20px 10px;
  border-top-left-radius: 6px;
}

.orderForm .order_id_chat {
  justify-content: flex-end;
}

.chat_bazama div.alfa1:first-child {
  border-top: 1px solid #dcdcdc;
  padding: 37px;
  border-bottom: 1px solid #dcdcdc;
}

.chat_bazama div:last-child p {
  padding-top: 14px;
}

.initiate_refund_box .btn-close:focus {
  outline: 0;
  box-shadow: none !important;
  opacity: 1;
}

.initiate_refund_box .modal-header {
  border-bottom: 0 !important;
}

.refund_form input[type="text"] {
  display: flex;
  height: 48px;
  padding: 13px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #667080 !important;
}

.refund_form input[type="text"]:focus {
  outline: none !important;
}

.refund_form label {
  font-weight: 300;
}

.initiate_refund_box .btn-close:hover {
  opacity: 1;
}

.initiate_refund_box .btn-close {
  opacity: 1;
}

.initiate_refund_box .modal-footer {
  border-top: 0;
}

.initiate_refund_box .refund_btn_click {
  display: inline-flex;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 100px;
  border: 1px solid #79747e;
  padding: 10px 20px;
  background-color: #ffff;
}

.initiate_refund_box .confrim_btn {
  background: #280049;
  color: #ffff;
}

.initiate_refund_box .modal-content {
  border-radius: 20px;
  border: none;
}

.initiate_refund_box .refund_form {
  height: 175px;
}

.initiate_refund_box .modal-content {
  border-radius: 20px;
  border: none;
  padding: 10px 15px;
}

.feedback_system_popup .add-rating,
.comment_feedback_box p {
  font-size: 16px;
  font-weight: 500;
  font-size: 16px;
}

.comment_feedback_box textarea {
  display: flex;
  height: 150px;
  padding: 10px;
  color: #667080;
}

.comment_feedback_box textarea:focus {
  outline: none;
  border: 1px solid #ced4da;
}

.feedback_system_popup .comment_feedback_box {
  height: 220px;
}

.feedback_complaint_box .feedback_name {
  font-size: 22px;
}

.star_massage_feedback {
  gap: 20px;
}

.shipping_detail_popups .inch_popup .form-select {
  background-position: right 0.1rem center !important;
  padding: 0 25px 0 15px !important;
}

/* 16 march */

.message_row {
  display: grid;
  grid-template-columns: 20% 78% !important;
}

.Buyer_chats_share_doubts {
  border: 1px solid #e8e8e8 !important;
  width: 100%;
  background: #ffff;
}

ul.popupdropdown {
  right: 0px;
  z-index: 1;
  width: auto;
  top: 38px;
  margin-right: 10px;
  box-shadow: 0 2px 6px 2px #00000026;
}

.buyer_msg_sortby {
  color: #2b3674;
  font-feature-settings: "calt" off;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 153.846% */
  letter-spacing: -0.26px;
}

.buyer_search_border {
  border-radius: 6px;
  border: 1px solid #ebebeb;
}

.store_border {
  border-radius: 6px;
  border: 1px solid #bcb9be;
  padding: 12px;
}

.btn_post {
  color: white;
  font-size: 14px;
  font-weight: 600;
  border-radius: 100px;
  background-image: linear-gradient(to right, #21005d, #7f1ad1);
  border: none;
  padding: 10px 24px;
}

.store_border p {
  color: var(--M3-sys-light-on-secondary-fixed-variant, #4a4458);
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.store_border small {
  color: var(--M3-sys-light-on-secondary-fixed-variant, #4a4458);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.store_border_two {
  border-radius: 6px;
  background: #f1ebf6;
  padding: 12px;
}

.fourjuly {
  color: var(--M3-sys-light-on-secondary-fixed-variant, #4a4458);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.contact_border_bottom {
  border-bottom: 1px solid #dcdcdc;
}

.buyer_message_chatdateone {
  padding-left: 74px;
}

.buyer_message_chatdatetwo {
  padding-right: 74px;
}

p.messagesort {
  color: #2b3674;
  font-feature-settings: "calt" off;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.26px;
}

li.filterlabel a {
  color: #7f1ad1 !important;
  font-feature-settings: "calt" off;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.26px;
}

/* <!-- ============= || Buyer_MESSAGES End|| =========== --> / */

/* manage payment starts */
.managepayment .managewallet p {
  color: #333;
  font-size: 18px;
  font-weight: 500;
}

.managepayment .contentpaycontent {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 20px 20px 35px 20px;
}

.managepayment input#contact::placeholder {
  color: var(--Primary, #667080);
  font-feature-settings: "calt" off;
  font-size: 16px;
  font-weight: 400;

  letter-spacing: -0.32px;
}

.managepayment .manageredeema {
  color: #7f1ad1;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.managepayment .manageredeem .form-group {
  width: 376px;
}

.managepayment .manageredeem input {
  border-radius: 6px;
  border: 1px solid var(--Primary, #667080);
  background: var(--White, #fff);
}

.managepayment .manageredeem img {
  vertical-align: sub;
}

.manageredeemgift p,
.manageredeemgift img {
  color: #7f1ad1 !important;
  font-family: Roboto !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: 0.1px !important;
}

.choose_options p {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.manageredeema.sendgift {
  border: 1px solid black;
  padding: 10px 24px;
  border-radius: 50px;
}

.manageaddaddress .addressfill_form label {
  color: #333;
  font-feature-settings: "calt" off;
  font-size: 14px;
  font-weight: 400;

  letter-spacing: -0.28px;
}

.manageaddaddress input::placeholder {
  color: #333 !important;
  font-feature-settings: "calt" off;
  font-size: 16px;
  font-weight: 400;

  letter-spacing: -0.32px;
}

form.addressfill_form .dropdown button {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.giftimg {
  background-image: url(../images/happybdaybg.png);
  width: 420px;
  height: 242px;
  padding: 28px;
}

.giftimg p,
.giftimg small {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.giftimg h4 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 24px;
}

.giftimg small {
  color: #fff;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 28px;
}

.managepayment h5 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  letter-spacing: -0.4px;
}

.add_gift {
  max-width: 535px !important;
}

.add_gift .modal-content {
  height: 391px;
  border-radius: 20px;
}

.setdefault input[type="checkbox"] {
  height: 18px;
  width: 18px;
}

input#expirynum::placeholder {
  color: #adaeaf !important;
}

.modal-dialog.modal-dialog-centered.add_gift h5 {
  color: #2b3674;
  font-size: 22px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.44px;
}

.add_gift .addressfill_form label {
  color: var(--Primary, #667080) !important;
}

.paymentredeemgift {
  border-radius: 6px;
  border: 1px solid var(--Primary, #667080);
  background: var(--White, #fff);
}

/* manage payment ends */

/* 06/04/2024 */
.customaccordianbody .accordion-body {
  max-height: 225px;
  overflow: hidden;
  overflow-y: scroll;
}

.customaccordianbody .accordion-body::-webkit-scrollbar {
  background: transparent;
}

.review_viewsnew {
  width: 880px;
}

/* Out of Stock Label Styles */
.out-of-stock-label {
  position: absolute;
  top: 12px;
  left: -40px;
  background-color: #dc3545;
  color: white;
  padding: 5px 35px;
  font-size: 12px;
  font-weight: bold;
  transform: rotate(-45deg);
  z-index: 10;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}

.out-of-stock-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #a02834;
  transform: rotate(45deg);
  top: -3px;
  left: -3px;
}

.out-of-stock-label::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #a02834;
  transform: rotate(-45deg);
  top: -3px;
  right: -3px;
}

/* Ensure the parent card has relative positioning and overflow hidden */
.card.position-relative {
  overflow: hidden;
}

/* Also apply to deliveryitemimg containers */
.deliveryitemimg.savelaterimg {
  overflow: hidden;
}

/* Dim the product image when out of stock */
.out-of-stock-card .card_img img,
.out-of-stock-card img {
  opacity: 0.6;
  filter: grayscale(20%);
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .out-of-stock-label {
    font-size: 10px;
    padding: 4px 25px;
    top: 7px;
    left: -30px;
  }
}

@media (max-width: 480px) {
  .out-of-stock-label {
    font-size: 9px;
    padding: 3px 20px;
    top: 7px;
    left: -24px;
  }
}

.w-25-custom {
  min-width: 120px;
}

.artisan-left-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.artisan-image-container {
  display: flex;
  justify-content: center;
}

.artisan-image {
  width: 200px;
  height: 200px;
  border-radius: 6px;
  object-fit: cover;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.artisan-name-section {
  width: 100%;
}

.artisan-name {
  color: #36141e;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
  line-height: 1.2;
}

.artisan-skill {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  font-style: italic;
}

.artisan-location-skills {
  color: #36141e;
  font-size: 16px;
  font-weight: 600;
}

.artisan-location-skills i {
  color: #36141e;
}

.artisan-right-section {
  padding-left: 30px;
}

.artisan-description {
  color: #36141e;
  font-style: italic;
  font-size: 16px;
  padding: 25px;
}

.meet-more-link {
  background: linear-gradient(90deg, #36141e 0%, #5a2331 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Inter", sans-serif;
}

.meet-more-link:hover {
  background: linear-gradient(90deg, #2a0f17 0%, #4a1c27 100%);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(54, 20, 30, 0.3);
}

.meet-more-container {
  position: absolute;
  right: 60px;
  bottom: 50px;
  z-index: 10;
}

@media (max-width: 768px) {
  .artisan-right-section {
    padding-left: 0;
    margin-top: 20px;
  }

  .artisan-image {
    width: 150px;
    height: 150px;
  }

  .artisan-name {
    font-size: 20px;
  }

  .artisan-skill {
    font-size: 14px;
  }

  .artisan-location-skills {
    font-size: 14px;
    text-align: center;
  }

  .artisan-description {
    padding: 20px;
    margin-top: 15px;
  }

  .artisan-description p {
    font-size: 14px;
    text-align: left;
  }
}
.artisan-mouse-enter:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.artisan-mouse-leave {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.product-card-link,
.product-card-link:hover {
  text-decoration: none;
  color: inherit !important;
}