@import url(./typography.css);
.no-pad {
  padding: 0;
}
h1 {
  color: var(--theme_primary_color);
}
/* Header Style's here */
.ads-banner img {
  width: 100%;
}
.topheader {
  padding: 4.7rem 0;
  width: 100%;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.topheader #navbar ul.navbar-nav li {
  transition: all 0.5s linear;
}
.topheader #navbar ul.navbar-nav li a {
  margin-left: 4rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.2rem;
  padding: 1rem 0;
  color: var(--theme_secondary_color);
}
.topheader #navbar ul.navbar-nav li a.nav-link.active {
  background: var(--linear_gradient_color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2.8rem;
}
header.topheader .navbar-expand-lg .navbar-collapse {
  gap: 18.6rem;
  justify-content: flex-end;
}
.searchbox input {
  border: 0.15rem solid var(--theme_secondary_color);
  border-radius: 6rem;
  background: transparent;
  padding: 1.4rem 0 1.4rem 2.4rem;
  width: 100%;
  min-width: 29.8rem;
  line-height: 2rem;
}
.searchbox input:focus {
  outline: none;
}
.searchbox input::placeholder {
  color: var(--input-placeholdersearch-color);
}
.menu-right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}
.menu-right .list-item {
  padding: 1.2rem 1.3rem;
  border-radius: 5rem;
  border: 0.15rem solid var(--theme_secondary_color);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.menu-right .list-item img {
  min-width: 2.3rem;
  width: 2.3rem;
  height: 2.3rem;
}
/* .menu-right .list-item:hover {
    border-color: var(--theme_primary_color);
    background: var(--linear_gradient_color);
}
.menu-right .list-item:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
} */

.added-to-wishlist {
  border-color: var(--theme_primary_color);
  background: var(--linear_gradient_color);
}
.added-to-wishlist img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.popup-profile img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.profile_divider {
  width: 90%;
  border-bottom: 0.1rem solid var(--profile-pop-border);
}
._without_login ._divider {
  background-color: var(--profile-pop-border);
  width: 90%;
  height: 0.1rem;
  position: absolute;
  bottom: -2.5rem;
  left: 0;
}

.popup {
  background-color: var(--theme_primary_color);
  display: none;
  padding: 2rem 1.5rem;
  border-radius: 1.2rem;
  width: 100%;
  max-width: 340px;
  position: absolute;
  top: 110%;
  right: 0;
  box-shadow: 4px 8px 32px 0px rgba(0, 0, 0, 0.24);
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  z-index: 99;
}
.popup-inner .profile-wrapper {
  gap: 1.6rem;
}
.profile-image {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  max-width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.profile-name {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #1f2937;
}
.profile-mail {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #6b7280;
}
.pop-profile-nav .lists {
  margin-top: 1.6rem;
}
.pop-profile-nav .lists li {
  padding: 1rem 2.9rem 1rem;
  margin-bottom: 1.6rem;
  transition: all 0.5s ease-in;
  transition-delay: 1s;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
}
.pop-profile-nav .lists li:last-child {
  margin-bottom: 0;
}
.pop-profile-nav .lists li.active,
.pop-profile-nav .lists li:hover,
.pop-profile-nav .lists li:focus {
  background: linear-gradient(
    90deg,
    rgba(191, 36, 102, 0.2) 0%,
    rgba(128, 41, 131, 0.2) 100%
  );
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
}
.pop-profile-nav .lists li a {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pop-profile-nav .lists li span {
  font-size: 1.6rem;
  line-height: 2rem;
}

/* admin-io */
.ad-v-img .logo-white {
  position: absolute;
  top: 4rem;
  left: 4rem;
}
.form-title {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 3.6rem;
  line-height: 3.6rem;
  letter-spacing: 0;
  color: var(--theme_secondary_color);
  margin-top: 3rem;
  margin-bottom: 7.5rem;
}

.c-form-group {
  margin-bottom: 2.8rem;
  position: relative;
}
.c-form-lebel {
  text-transform: capitalize;
  width: 100%;
  padding-left: 0.8rem;
  display: block;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.8rem;
  letter-spacing: 0%;
  color: var(--theme_secondary_color);
  margin-bottom: 1.8rem;
  position: relative;
}
.link_of_fpwd {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: var(--theme_secondary_color);
}
.input-wrap {
  margin-bottom: 1rem;
  padding: 1px;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.c-form-input {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  outline: none;
  border: none;
  width: 100%;
  z-index: 1;
   
  position: relative;
  padding: 2.6rem 4.7rem 2.6rem 2.2rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.c-form-input::placeholder {
  color: var(--c-form-input-ph);
}
.input-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  z-index: -1;
  border-radius: 1rem;
  padding: 1px;
  background: #d0d0d0;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.input-wrap:has(> .c-form-input:hover, .c-form-input:focus) {
  background: linear-gradient(154.67deg, #b72469 16.03%, #842981 75.61%);
}
._pwd .show-eye {
  cursor: pointer;
  position: absolute;
  right: 5%;
  top: 38%;
  z-index: 2;
}
form .btn-wrapper .default-btn,
.success_wrapper .btn-wrapper .default-btn {
  height: 7rem;
  line-height: 2;
}
.p-messages {
  text-align: center;
  margin-top: 3rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.3;
}
.p-messages ._link {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2rem;
  letter-spacing: 0.3;
}
.form__divider {
  text-align: center;
  margin: 3rem auto;
  width: 100%;
  max-width: 38.4rem;
  height: 0.1rem;
  background-color: var(--c-form-divider);
}
a._links {
  color: #ba2468;
}
.without_login_links ._links:focus {
  color: #832982;
}
.back2login {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  color: #676767;
}
/* The container */
.checkcontainer {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkcontainer .text {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}
/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 1px solid;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.checkcontainer input:checked ~ .checkmark {
  border: none;
}
.checkcontainer input:checked ~ .checkmark::after {
  content: url(../images/checked.svg);
}

/* Gallery Accessories section */
.gallery-access {
  display: flex;
  width: 100%;
  height: 60rem;
  gap: 3rem;
  flex-wrap: wrap;
}
.gallery-items {
  display: flex;
  align-items: flex-end;
}
.gallery-access > div {
  position: relative;
  border-radius: 2.8rem;
  flex: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  -webkit-border-radius: 2.8rem;
  -moz-border-radius: 2.8rem;
  -ms-border-radius: 2.8rem;
  -o-border-radius: 2.8rem;
}
.gallery-access > div:nth-child(1) {
  background: url(../images/home/gallery-1.png);
  background-position: center;
  background-size: cover;
}
.gallery-access > div:nth-child(2) {
  background: url(../images/home/gallery-2.png);
  background-position: center;
  background-size: cover;
}
.gallery-access > div:nth-child(3) {
  background: url(../images/home/gallery-3.png);
  background-position: center;
  background-size: cover;
}
.gallery-access > div.active {
  flex: 2.2;
}
.gallery-items::before {
  content: "";
  display: block; /* or inline-block, or absolute positioning depending on your layout */
  width: 100%;
  height: 100%;
  background-image: url(../images/home/gallery-shade.svg);
  background-size: cover; /* or contain, depending on your need */
  background-repeat: no-repeat;
  background-position: center;
  position: absolute; /* if overlay */
  top: 0;
  left: 0;
  z-index: 1;
}
.gallery-name {
  z-index: 2;
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  letter-spacing: 0.8rem;
  display: inline-block;
  color: var(--theme_primary_color);
  transition: all 0.6s ease-out;
  padding: 0 0 3rem 4rem;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
}
.gallery-access > div:hover .gallery-name {
  font-size: 6rem;
  line-height: 6rem;
}

/* Trending slider */
.trending-slider-wrapper .trending-slider {
  position: relative;
  padding: 5rem 0;
  overflow: inherit;
}
.trending-slider .swiper-slide img {
  width: 100%;
  transition: all 200ms linear;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.trending-slider .swiper-slide.swiper-slide-active img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.trending-slider .swiper-slide.swiper-slide-prev img,
.trending-slider .swiper-slide.swiper-slide-next img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.slider-btns {
  margin-top: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.slide-btn {
  padding: 1.5rem 1.5rem;

  border: 0.15rem solid var(--theme_secondary_color);
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}
.slide-btn:hover,
.slide-btn:focus {
  border-color: var(--theme_primary_color);
  background: var(--linear_gradient_color);
}
.slide-btn:hover img,
.slide-btn:focus img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

/** Trending-collections **/
.collection-name {
  font-size: 4.2rem;
  line-height: 6rem;
  letter-spacing: 0.2rem;
  color: var(--theme_primary_color);
  width: auto;
  position: absolute;
  bottom: 3.3rem;
  left: 3.8rem;
  vertical-align: middle;
}

/** Trending-collections end **/

/**footer sections start**/
/** Categories slider sections start**/
.category-header input[type="checkbox"] {
  accent-color: #ba2468;
}

ul#categoriesTab {
  flex-basis: fit-content;
  border: 0;
  margin-bottom: 5rem;
  row-gap: 1rem;
}

ul#categoriesTab .nav-link:focus-visible,
ul#categoriesTab li .nav-link:focus,
ul#categoriesTab li .nav-link:hover {
  box-shadow: none;
  border-color: none;
}
ul#categoriesTab button.nav-link {
  border: 2px solid #dcdcdc;
  border-image-slice: 1;
  color: var(--theme_secondary_color);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 1rem 2rem 2.5rem 2rem;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.4rem;
  transition: 0.3s all ease;
}
ul#categoriesTab button.nav-link.active {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  background: var(--linear_gradient_color);
  border-image-source: linear-gradient(180deg, #ad256e -450%, #9a2777 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: none;
}
.product-lists {
  padding: 0rem 4rem;
  margin-bottom: 5rem;
}
.product-lists .product-img {
  position: relative;
}
.product-lists .product-text {
}
.product-lists .product-review {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product-lists .product-text h4 {
  color: var(--product_text_color);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 2.6rem;
  margin-top: 2rem;
  width: 30rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-lists .product-text h3 {
  color: var(--product_price_color);
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 3rem;
  margin: 1.4rem 0;
}
.product-lists .review-text h5 {
  color: var(--product_text_color);
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.2rem;
  margin: 0;
}

.product-wishlist {
  cursor: pointer;
  padding: 1.1rem;
  border-radius: 5rem;
  border: 0.15rem solid var(--theme_secondary_color);
  background-color: var(--theme_primary_color);
  display: inline-flex;
  position: absolute;
  top: 2rem;
  right: 2rem;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.product-wishlist img {
  min-width: 2.1rem;
  width: 2.1rem;
}
.product-lists .product-img img {
  width: 100%;
}

.productimg-space {
  /* gap: 8rem; */
  margin: 0;
}

.product-lists .product-img .product-wishlist.--selected {
  border-color: transparent;
  background: var(--linear_gradient_color);
  transition: all 0.3s ease-in-out;
}

.product-lists .product-img .product-wishlist.--selected img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

/** Categories slider sections start**/
#footer {
  background: var(--bg_footercolor);
  padding: 6rem 4.5rem;
}
.footer-menu ul {
  gap: 4rem;
}
.footer-menu ul li a {
  color: var(--theme_primary_color);
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.2rem;
}
#footer ul.social-media {
  gap: 2.4rem;
}
#footer ul.social-media li a img {
  width: 2.4rem;
  height: 2.4rem;
}
#footer .footer-border {
  margin: 3.5rem auto;
  width: 100%;
  height: 1px;
  background: var(--theme_primary_color);
}

/** brand section start**/
.brands-section img {
  width: 100%;
  max-width: 190px;
  padding: 5rem 0rem;
}
/** brand section end**/

/** newarrival section start**/
.newarrival-text h4 {
  color: var(--newarrival_text_color);
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.2rem;
}

.newarrival-text h3 {
  color: var(--newarrivalhead_text_color);
  font-size: 5rem;
  font-weight: 500;
  line-height: 5.2rem;
  letter-spacing: 0.02em;
  padding: 2.4rem 0 3rem 0;
}
/** newarrival section end**/

/** accessories-bannner **/

.accessories-bannner .banner-title {
  margin-bottom: 3rem;
  font-size: 10rem;
  line-height: 10rem;
  font-weight: 300;
  color: var(--theme_secondary_color);
}
.accessories-bannner .banner-para {
  font-size: 3rem;
  font-weight: 500;
  line-height: 5.5rem;
  color: var(--accessories-para-text);
}
.banner-text {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
}
._grid {
  display: grid;
}
._grid.repeat-1 {
  grid-template-columns: repeat(1, 1fr);
  gap: 3rem;
}
._grid.repeat-2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
.banner-ad._grid img {
  width: 100%;
}

/** newarrival section start**/
.collections-section h2 {
  color: var(--theme_secondary_color);
  font-size: 9rem;
  font-weight: 300;
  line-height: 3.2rem;
  margin: 0;
}

.collections-section p {
  color: var(--product_text_color);
  font-size: 3rem;
  font-weight: 400;
  line-height: 5.5rem;
  margin: 3rem 0;
}
.collections-textsec.collections-textseckids h2 {
  font-size: 5rem;
  line-height: 5rem;
}
.collections-textsec.collections-textseckids p {
  margin: 1.5rem 0;
  font-size: 2rem;
  line-height: 3rem;
}
/** newarrival section end**/
/* productpage details */
.product-item-details .product-item-name {
  font-size: 4.4rem;
  line-height: 5.6rem;
  font-weight: 500;
  color: var(--product_text_color2);
  margin-bottom: 2.4rem;
}

/** product image start**/
.product-view {
  margin-bottom: 13rem;
}
.product-viewleft .nav.flex-column.nav-pills {
  gap: 2rem;
}

.small-image {
  transition: transform 0.3s ease;
  cursor: pointer;
}

.small-image:hover {
  transform: scale(1.1);
}

.producttab-images {
  width: 100%;
  height: auto;
  transform-origin: center;
}
.producttab-container .tab-content .tab-pane:first-child .producttab-images {
  animation: flipFlopRotation 6s infinite linear;
  -webkit-animation: flipFlopRotation 6s infinite linear;
}

.product-tabimages-section .nav-link {
  padding: 0;
}
.product-viewleft {
  gap: 8.4rem;
}

.product-viewleft-small {
  flex-basis: 9.1rem;
}
.product-viewleft-big {
  flex: 1rem;
}
@keyframes flipFlopRotation {
  0% {
    transform: perspective(500px) rotateY(0deg);
    -webkit-transform: perspective(500px) rotateY(0deg);
    -moz-transform: perspective(500px) rotateY(0deg);
    -ms-transform: perspective(500px) rotateY(0deg);
    -o-transform: perspective(500px) rotateY(0deg);
  }
  50% {
    transform: perspective(500px) rotateY(180deg);
    -webkit-transform: perspective(500px) rotateY(180deg);
    -moz-transform: perspective(500px) rotateY(180deg);
    -ms-transform: perspective(500px) rotateY(180deg);
    -o-transform: perspective(500px) rotateY(180deg);
  }
  100% {
    transform: perspective(500px) rotateY(360deg);
    -webkit-transform: perspective(500px) rotateY(360deg);
    -moz-transform: perspective(500px) rotateY(360deg);
    -ms-transform: perspective(500px) rotateY(360deg);
    -o-transform: perspective(500px) rotateY(360deg);
  }
}

@keyframes flipFlopRotation {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

.product-item-details {
  padding: 0rem 11rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: none;
}
/** product image end**/

.product-price {
  font-size: 4rem;
  line-height: 4rem;
  font-weight: 600;
  color: var(--theme_secondary_color);
}
.productof-ratings .ratings span {
  font-size: 2.2rem;
  line-height: 2.4rem;
  color: var(--product-page-span);
}
.productof-ratings .ratings span.ratings-p-count {
  color: var(--product-page-count);
}

.product-item-details h5 {
  color: var(--product-page-desc);
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 1rem;
}
.product-item-details .__description p {
  font-size: 2rem;
  line-height: 2.6rem;
  color: var(--product-page-desc-para);
}
.product-item-details .__description p .more {
  color: var(--theme_secondary_color);
  cursor: pointer;
}
.product-item-details .__description p .more-content {
  display: none;
}
.product-item-details .product-page-size .view-size {
  color: var(--view-chart);
  font-size: 1.6rem;
  line-height: 1.92rem;
  text-decoration: underline;
}
.prod_size_name {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 7.5rem;
  min-height: 6.3rem;
  border: 1px solid #b0b0b0;
  color: #525252;
  font-size: 2.8rem;
  line-height: 2rem;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.prod_size_list.disabled .prod_size_name {
  pointer-events: none;
}
.prod_size_list.active .prod_size_name {
  background: var(--linear_gradient_color);
  color: var(--theme_primary_color);
}
.prod_size_quantity_left {
  margin-top: 10px;
  color: var(--theme_secondary_color);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: none;
}
.product_size_options {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.product-color-options {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.product-color-list {
  min-width: 4.7rem;
  height: 4.7rem;
  cursor: pointer;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}
.product-color-list:focus {
  border: 1px solid var(--theme_secondary_color);
}
.whistlist {
  min-width: 6.4rem;
  min-height: 6.4rem;
  border-radius: 5rem;
  border: 1px solid #828282;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.whistofqty-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem;
}
.whistofqty-card .default-btn {
  padding: 2rem 7.5rem;
}
.__quantity {
  display: flex;
  align-items: center;
  padding: 1.5rem;
  border: 1px solid #828282;
  border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  -o-border-radius: 4rem;
}
.__quantity input {
  border: none;
  outline: none;
  font-size: 3rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #17183b;
  width: 7.6rem;
  text-align: center;
}
.qty-btns {
  cursor: pointer;
}
/* Add to cart */
.__cart-divider {
  margin: 3rem 0;
  width: 100%;
  height: 1.67px;
  background-color: #0000001a;
}
/* .cart-list-item .cart-details{
    width: 15.7rem;
    height: 15.7rem;
} */
.product-cart-list-wrap:last-child .__cart-divider {
  display: none;
}
.cart-details .cart-image {
  width: 100%;
  max-width: 15.7rem;
}
.cart-details .product-name {
  font-size: 2.6rem;
  line-height: 2.6rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
  color: var(--cart-product-name-color);
}
.cart-list-item .cart-details {
  width: 75%;
  max-width: 100%;
}
.cart-details .cart-details-wrap {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-around;
}
.cart-property {
  margin-top: 1.6rem;
  margin-bottom: 2.8rem;
}
.cart-property p {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: var(--theme_secondary_color);
}
.cart-property p .pty-value {
  opacity: 0.4;
}
.cart-size-property .__quantity {
  position: relative;
  padding: 1.15rem;
  gap: 0.4rem;
  margin-right: 5rem;
  border: none;
  background: var(--linear_gradient_color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cart-size-property .__quantity::before,
.__sizes-select .__size-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent; /*2*/
  z-index: -1;
  border-radius: 50px;
  padding: 1px;
  background: linear-gradient(180deg, #ad256e 100%, #9a2777 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.cart-size-property .__quantity input {
  font-size: 2.2rem;
  line-height: 1.6rem;
  min-width: 2rem;
  width: 5.6rem;
  background: var(--linear_gradient_color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.__sizes-select input {
  outline: none;
  border: none;
  font-size: 2.2rem;
  line-height: 1.6rem;
  min-width: 2rem;
  width: 5.5rem;
  background: var(--linear_gradient_color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.__sizes-select {
  padding: 1.11rem;
  margin: 0 10rem;
}
.__sizes-select .__size-wrap {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
/* order summary */
.product-order-summary {
  position: relative;
  padding: 3rem;
  border: 1.5px solid var(--order-sum-border);
  border-radius: 2.2rem;
  -webkit-border-radius: 2.2rem;
  -moz-border-radius: 2.2rem;
  -ms-border-radius: 2.2rem;
  -o-border-radius: 2.2rem;
  height: 100%;
}
.product-order-summary .__heading ._title {
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: var(--theme_secondary_color);
}
._discount-title {
  margin-top: 2.5rem;
  font-size: 2rem;
  line-height: 1.6rem;
  color: var(--theme_secondary_color);
}
.__discount-input .pay-card-input {
  margin-top: 1.6rem;
  margin-bottom: 2.4rem;
  text-transform: capitalize;
  font-size: 1.4rem;
  line-height: 2.4rem;
  width: 100%;
  padding: 1.8rem;
  outline: none;
  border: 0.05rem solid #494949;
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
  -moz-border-radius: 0.7rem;
  -ms-border-radius: 0.7rem;
  -o-border-radius: 0.7rem;
}
.__discount-input button {
  position: absolute;
  right: 0;
  top: 3rem;
  right: 1.6rem;
  text-transform: capitalize;
  outline: none;
  border: 0.1rem solid var(--theme_secondary_color);
  background: none;
  padding: 0.8rem 1.6rem;
  font-size: 1.6rem;
  line-height: 1.2rem;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.__discount-input button:hover,
.__discount-input button:focus {
  border: none;
  background: var(--linear_gradient_color);
  color: var(--theme_primary_color);
}
.__discount-input .pay-card-input::placeholder {
  color: #979797;
}
.summary-product-table table {
  width: 100%;
  border-collapse: collapse;
}
.summary-product-table th {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  color: var(--theme_secondary_color);
  text-transform: capitalize;
  padding-bottom: 1.7rem;
  border-bottom: 1px solid #cfcfcf;
}
.sum-product-row td {
  padding: 1.5rem 0;
  border-bottom: 1px solid #cfcfcf;
}
.sum-p-details .sum-o-link {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.summary-product-table .o-sum-name {
  font-size: 2rem;
  line-height: 2rem;
  color: var(--theme_secondary_color);
  width: 16rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.summary-product-table-bottom {
  margin-top: 2rem;
}
.summary-product-table_prices {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.summary-product-table_prices ._prices,
.summary-product-table_prices ._title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.8rem;
  vertical-align: middle;
}
/* ._total0am0unt {
    font-weight: 600;
    font-size: 3rem;
    line-height: 3rem;
    color: var(--theme_secondary_color);
    vertical-align: middle;
} */
._total0am0unt {
  vertical-align: middle;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1.8rem;
}
.back-button {
  cursor: pointer;
}
.add-new-btn {
  border-width: 0.1rem;
  padding-top: 2.3rem;
  padding-bottom: 2.3rem;
  border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
}
/* payment options */
.payment-options {
  background-color: var(--bg_addressboxcolor);
  border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
}
.payment-options .payment-options-lists li {
  padding: 2.2rem 3.6rem;
  border-bottom: 0.127rem solid #dbdbdb;
}
.payment-options .payment-options-lists li:last-child {
  border-bottom: none;
}

.payment-options .payment-options-lists li .form-check-label {
  font-size: 2.2rem;
  line-height: 2.2rem;
  color: #141718;
  margin-top: 0.4rem;
  padding-left: 2.3rem;
  width: 100%;
  cursor: pointer;
  text-transform: capitalize;
}
.payment-method-card {
  padding: 4.95rem 4.45rem;
  border: 0.15rem solid #bcbcbc;
  border-radius: 2.2rem;
  -webkit-border-radius: 2.2rem;
  -moz-border-radius: 2.2rem;
  -ms-border-radius: 2.2rem;
  -o-border-radius: 2.2rem;
}
.payment-method-card ._title {
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 500;
  color: #141718;
  margin-bottom: 2.9rem;
}
.pay-input-options {
  border-bottom: 0.1rem solid #e3e3e3;
  padding-bottom: 0.8rem;
}
.pay-input-options li {
  margin-bottom: 2.4rem;
}
.pay-input-options li .form-check {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.3rem 1.6rem;
  border: 0.1rem solid #141718;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
}
.pay-input-options li .form-check input {
  margin: 0;
}
.pay-input-options li .form-check label {
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #141718;
}
.pay-input-options li .form-check .options {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1.2rem;
}
.pay-input-options li .form-check.active {
  background-color: #f3f5f7;
}

.pay-input-card .input-wrapper,
.pay-input-card {
  margin-top: 2.5rem;
}
.pay-input-card .input-label {
  font-size: 1.8rem;
  line-height: 1.2rem;
  font-weight: 500;
  color: #6c7275;
  margin-bottom: 1.2rem;
}
.pay-input-card .input-box {
  border: 0.1rem solid var(--modal-text-color);
  color: #fefefe;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: #6c7275;
  padding: 0.7rem 1.6rem;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
}
.myOrders-card ol li {
  list-style-type: decimal;
}
.myOrders-card ol li::marker {
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-weight: 600;
  color: var(--theme_secondary_color);
}
._myOrder-title {
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-weight: 600;
  color: var(--theme_secondary_color);
}
.myOrders-main-card {
  margin: 3.5rem 0;
  border: 0.1rem solid var(--theme_secondary_color);
  padding: 2.6rem 2rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.__left-side .package_status {
  padding: 3rem 4rem;
}
.track-package_msg {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 500;
  color: #131212;
  margin-bottom: 2.5rem;
}
.track-item li {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  padding: 0.9rem 1.5rem;
}
.track-item span {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.track-package_status {
  padding: 3rem 4rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.track-item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 2.6rem;
}
.track-item li {
  position: relative;
  margin-right: 8rem;
  background-color: var(--theme_primary_color);
  border-radius: 1.8rem;
  -webkit-border-radius: 1.8rem;
  -moz-border-radius: 1.8rem;
  -ms-border-radius: 1.8rem;
  -o-border-radius: 1.8rem;
}
.track-item li:nth-child(odd):before {
  content: url(../images/border-Line.png);
  position: absolute;
  top: 7%;
  right: -53%;
  z-index: 0;
}
.track-progress {
  width: 90%;
  height: 1.3rem;
  border-radius: 1.8rem;
  -webkit-border-radius: 1.8rem;
  -moz-border-radius: 1.8rem;
  -ms-border-radius: 1.8rem;
  -o-border-radius: 1.8rem;
}
.track-progress-bar {
  border-radius: 1.8rem;
  -webkit-border-radius: 1.8rem;
  -moz-border-radius: 1.8rem;
  -ms-border-radius: 1.8rem;
  -o-border-radius: 1.8rem;
}
.track-item li span {
  width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.out-of-delivery {
  background-color: #ffe8cb;
  color: #f1991c;
}
.success-delivery {
  background-color: #b4ff9b;
  color: #289d01;
}
.error-delivery {
  background-color: #ef9a9a;
  color: red;
}
.order-summary-table {
  padding: 3rem 4rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.order-summary-table .heading {
  margin-bottom: 3rem;
}
.order-summary-table ._title,
.product-status-details .__heading {
  text-transform: capitalize;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 500;
  color: #131212;
}
.order-summary-table .status {
  /* font-family: var(--font-family-2); */
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.8rem;
  border-radius: 11.3rem;
  -webkit-border-radius: 11.3rem;
  -moz-border-radius: 11.3rem;
  -ms-border-radius: 11.3rem;
  -o-border-radius: 11.3rem;
}
.product-status-details .status-prop-wrap .property {
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: var(--theme_secondary_color);
}
.product-status-details .status-prop-wrap .value {
  color: #00000099;
}
.product-status-details .status-prop-wrap,
.product-status-details .status-prop-wrap .inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1px;
}
.product-status-details .product-status-amount {
  font-size: 2rem;
  line-height: 2rem;
  color: var(--theme_secondary_color);
}
._middleoftable {
  width: 90%;
}
.order-summary-table .__summary-table {
  margin: 2.5rem 0;
}

.order-summary-table .__summary-table .__summary-table-item {
  padding-bottom: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-summary-table .__summary-table .__summary-table-item:last-child {
  padding-bottom: 0;
}
.order-summary-table .__summary-table .__summary-table-item > div {
  font-size: 2rem;
  line-height: 2rem;
  color: #696969;
}
.closeOfOrder-btn {
  position: absolute;
  top: 30%;
  right: 3%;
}
/* order-product-status-box */

.order-product-status-box-wrap {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
  border: 0.15rem solid #434343;
  padding: 1.6rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

/* product Description */
.product-content {
  margin-bottom: 5rem;
}
.product-description .heading h5 {
  font-size: 3rem;
  line-height: 3.35rem;
  color: var(--product-d-heading-text-color);
  margin-bottom: 2.6rem;
  font-weight: 600;
  text-transform: capitalize;
}
.product-description .product-content .sub-heading {
  font-size: 2.8rem;
  line-height: 2.8rem;
  font-weight: 600;
  color: var(--product-d-heading-text-color);
  margin-bottom: 1.6rem;
  text-transform: capitalize;
}
.product-description .product-content .paragraph {
  font-size: 2.2rem;
  line-height: 3.6rem;
  color: var(--product-d-para-text-color);
}
.product-description .product-more-details .table-pd-chart {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #939393;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}
.product-description .product-more-details .left-chart .table-item {
  width: 33.333%;
  padding: 1.4rem 5rem 2.4rem;
  border: 1px solid #939393;
}
.product-description .product-more-details .left-chart .table-item:nth-child(3n) {
  border-right: 0 !important;
}


/* .product-description .product-more-details .left-chart .table-item:nth-child(3){
  border-right: 0 !important;
} */
/* .product-description .product-more-details .left-chart .table-item:nth-child(4),.product-description .product-more-details .left-chart .table-item:nth-child(5), .product-description .product-more-details .left-chart .table-item:nth-child(6){
  border-bottom: 0 !important;
} */
.product-description .product-more-details .table-pd-chart .table-head {
  font-size: 1.8rem;
  line-height: 1.6rem;
  letter-spacing: 0.05rem;
  color: var(--product-d-para-text-color);
  text-transform: capitalize;
}
.product-description .product-more-details .table-pd-chart .table-sub {
  font-size: 1.8rem;
  line-height: 1.6rem;
  letter-spacing: 0.05rem;
  color: var(--product-d-heading-text-color);
  text-transform: capitalize;
}

.product-description .product-more-details .export-head {
  font-size: 2rem;
  line-height: 2.2rem;
  letter-spacing: 0.05rem;
  color: var(--product-e-heading-text-color);
  text-transform: capitalize;
}
.product-description .product-more-details .export-sub {
  text-transform: capitalize;
  font-size: 1.9rem;
  line-height: 2.1rem;
  letter-spacing: 0.05rem;
  color: var(--theme_secondary_color);
}
.product-description .product-more-details .right-others .export-details {
  display: flex;
  /* flex-wrap: wrap; */
  gap: 3rem;
}
.product-description .product-more-details .right-others .export-item {
  width: 33.333%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
}
.product-more-details .left-chart {
  padding-right: 6.5rem;
}
.product-description .product-review-sec .heading h5 {
  margin-bottom: 4rem;
}
.review-card {
  min-width: 25.8rem;
}
.review-card .r-card {
  padding: 5.4rem 1.8rem;
  border-radius: 3rem;
  background-color: var(--bg_darkgreycolor);
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}
.review-card .r-card .r-number {
  font-size: 9.6rem;
  line-height: 9.5rem;
  font-weight: 500;
  color: var(--theme_secondary_color);
  margin-bottom: 2.6rem;
}
.review-card .r-card .r-counts {
  font-size: 2.4rem;
  line-height: 2.71rem;
  color: var(--theme_secondary_color);
  opacity: 0.3;
  margin-bottom: 2.6rem;
}
.review-card .r-card .review-icon li svg {
  width: 3.8rem;
  height: 3.8rem;
}
.review-wrapper {
  display: flex;
  align-items: center;
}

.review-progress .progress-item {
  display: flex;
  align-items: center;
  margin-bottom: 5.73rem;
}
.review-progress .progress-item:last-child {
  margin-bottom: 0;
}
.review-progress {
  padding-left: 8.9rem;
}
.review-progress .progress-name {
  font-size: 3rem;
  line-height: 3.83rem;
  font-weight: 500;
  color: var(--theme_secondary_color);
}
.review-progress .progress-number {
  font-size: 3.8rem;
  line-height: 3.85rem;
  color: var(--theme_secondary_color);
  opacity: 0.2;
  text-align: right;
}
/* .review-progress .progress{
    margin-left: 3.78rem;
    margin-right: 3.78rem;
} */
.comment-input {
  border: 0.5px solid #b4b4b4;
  padding: 2.7rem 1.6rem;
  margin-bottom: 4.7rem;
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
  -moz-border-radius: 0.7rem;
  -ms-border-radius: 0.7rem;
  -o-border-radius: 0.7rem;
}
.comment-input::placeholder {
  font-size: 1.8rem;
  line-height: 1.6rem;
  letter-spacing: -0.05rem;
  color: var(--comment-input-text-color);
}
.comments-item {
  padding: 2.4rem 2.8rem 2.4rem 1.6rem;
  margin-bottom: 2.4rem;
  background-color: var(--bg_lightgreycolor);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.comment-item-wrap {
  display: flex;
  align-items: flex-start;
  gap: 1.9rem;
}

.comment-name {
  font-size: 2rem;
  line-height: 2.4rem;
  color: var(--theme_secondary_color);
  font-weight: 500;
}
.comment-date {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: var(--theme_secondary_color);
  opacity: 0.2;
}
.comments-message {
  color: var(--comment-message-text-color);
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 500;
}

/** profilepage start **/
.profile-editdetails {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-self: start;
  gap: 2.4rem;
}
.profile-editimge {
  min-width: 10rem;
}
.profile-editdetails h4 {
  font-size: 2.2rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: var(--theme_secondary_color);
  margin-bottom: 1.4rem;
}
._edit_profile_img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.profile-editimge label {
  cursor: pointer;
}
.preview-img {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.preview-img.fade-in {
  opacity: 0.3;
}
#uploadError {
  color: red;
  position: absolute;
  bottom: -2.2rem;
  left: 0;
  min-width: 40rem;
}
.profile-editdetails p {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 400;
  color: var(--theme_secondary_color);
  opacity: 0.5;
}
.edit-profileicon {
  padding: 0.7rem;
  border-radius: 5rem;
  background-color: var(--theme_primary_color);
  box-shadow: 0 1.19px 4.78px 0px #1a0f011f;

  position: absolute;
  top: 6rem;
  left: 6rem;
  padding: 1.1rem;
  border-radius: 5rem;
}
.profile-forms {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
  width: 100%;
}
.profileform-inputsec {
  margin-top: 2rem;
  width: 100%;
  position: relative;
}
.profile-forms input::placeholder {
  color: rgb(0 0 0 / 40%);
  opacity: 1;
  font-family: var(--font-family);
  font-size: 1.6rem;
  font-weight: 500;
}

.profile-forms .profileform-inputfield {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border-radius: 0.8rem;
  width: 100%;
  padding: 1.8rem 2rem;
  position: relative;
  border: 1px solid;
}

.profileform-inputsec h4,
.profileform-inputsec label {
  color: var(--theme_secondary_color);
  opacity: 0.8;
  font-size: 2.2rem;
  line-height: 3rem;
  font-weight: 500;
  margin: 2.4rem 0 1.4rem 0;
}

.profile-forms .profileform-inputfield input[type="text"],
.profile-forms .profileform-inputfield input[type="select"],
.profile-forms .profileform-inputfield input[type="date"],
.profile-forms .profileform-inputfield input[type="number"] {
  outline: none;
  border: none;
  width: 100%;
  background-color: transparent;
  /* padding: 1.8rem 2rem; */
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  color: rgb(0 0 0 / 40%);
}

.dropdown-caretfile.profileform-inputfield.profile_dropdown_input_click.active
  svg {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.dropdown-caretfile.profileform-inputfield.profile_dropdown_input_click svg {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.profile-dropdownlists {
  position: absolute;
  width: 100%;
  max-height: 15rem;
  overflow-y: auto;
  z-index: 105;
  background-color: #fff;
  box-shadow: 0px 4px 44px 0px #0000001f;
  border-radius: 0 0 1.2rem 1.2rem;
}
.profile-dropdownlists ul li {
  padding: 1.2rem;
  cursor: pointer;
}

.profile-forms select.form-select {
  --bs-form-select-bg-img: url("../images/arrow-down.svg");
}
.profilesec-btn {
  margin-top: 5rem;
}
.profilesec-btn a.default-btn {
  padding: 2.2rem 11rem;
}
.profilesec-btn button.default-btn {
  padding: 2.2rem 11rem;
}
.redirect_login {
  padding: 1.5rem 2rem;
  border: 1px solid var(--theme_secondary_color);
  border-radius: 6rem;
  -webkit-border-radius: 6rem;
  -moz-border-radius: 6rem;
  -ms-border-radius: 6rem;
  -o-border-radius: 6rem;
  background: transparent;
  background-size: 200% 200%;
  transition: background-position 0.5s ease;
  -webkit-transition: background-position 0.5s ease;
  -moz-transition: background-position 0.5s ease;
  -ms-transition: background-position 0.5s ease;
  -o-transition: background-position 0.5s ease;
}
.redirect_login:hover {
  background: var(--linear_gradient_color);
  border-color: transparent;
  background-position: right center;
  color: var(--theme_primary_color);
}
/** profilepage start end**/

/*  Address page start **/

.address-box {
  padding: 4rem 4rem 3rem 4rem;
  background-color: var(--bg_addressboxcolor);
  cursor: pointer;
  border-radius: 1.2rem;
  -webkit-border-radius: 1.2rem;
  -moz-border-radius: 1.2rem;
  -ms-border-radius: 1.2rem;
  -o-border-radius: 1.2rem;
  height: 100%;
}
.address-box label {
  font-family: var(--font-family);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: var(--theme_title2_color);
}
.address-box .addressbox-details {
  margin-top: 2rem;
  padding-left: 1.5em;
}
.address-box .addressbox-details p {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: var(--product-page-span);
  margin-bottom: 0.8rem;
}
.addressbox-buttons {
  display: flex;
  gap: 2rem;
  margin-top: 2.4rem;
  padding-left: 1.5em;
}
.address-box .form-check-input:checked,
.payment-options .form-check-input:checked,
.form-check-input:checked {
  background-color: transparent;
  border: 2px;
}
.address-box .form-check-input,
.payment-options .form-check-input,
.form-check-input {
  position: relative;
}
.address-box .form-check-input:focus,
.payment-options .form-check-input:focus,
.form-check-input:focus {
  box-shadow: none;
}

.address-box .form-check-input:checked,
.payment-options .form-check-input:checked,
.form-check-input:checked {
  background-color: transparent;
}
.address-box .form-check-input:checked::before,
.payment-options .form-check-input:checked::before,
.form-check-input:checked::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  border-radius: 50px;
  padding: 1px;
  background: linear-gradient(180deg, #ad256e 100%, #9a2777 100%);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
.address-box .form-check-input:checked[type="radio"],
.payment-options .form-check-input:checked[type="radio"],
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url(../images/radio-icon.svg);
}
.address_type_wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
/*  Address page end **/

.formmodalsec {
}
.formmodalsec h3 {
  color: var(--theme_title2_color);
  font-size: 3rem;
  font-weight: 400;
  line-height: 6rem;
  margin-bottom: 2rem;
}

/** modal forms start**/
.modal-title {
  /* padding-top: 4rem; */
  color: var(--theme_secondary_color);
  font-weight: 500;
  font-size: 3rem !important;
  line-height: 6rem;
  text-align: center;
  vertical-align: middle;
  text-transform: capitalize;
}
.modal-header .btn-close {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
}
.modal-addrssforms {
  margin-top: 0.8rem;
  width: 100%;
}
.modal-dialog.modal-dialog-centered {
  max-width: 70rem;
}
.modal-addrssforms h4,
.modal-addrssforms label {
  color: var(--modal-text-color);
  font-size: 1.8rem;
  line-height: 1.2rem;
  font-weight: 600;
  margin-bottom: 1.4rem;
  margin-top: 0;
}
.modal-addrssforms .profileform-inputfield {
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: 0;
  width: 100%;
  padding: 1.6rem;
  /* margin-bottom: 2rem; */
  position: relative;
  border: 1px solid var(--modal-border-color);
}

.modal-addrssforms input[type="text"] {
  outline: none;
  border: none;
  width: 100%;
  background-color: transparent;
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 400;
  /* color: var(--modal-text-color); */
}
.country-codesec {
  display: flex;
  gap: 1rem;
}
.formmodalsec .modal-body {
  padding: 0 6.8rem 4rem 6.8rem;
}
.formmodalsec .modal-header {
  border: 0;
  padding-top: 4rem;
}
.formmodalsec .modal-content {
  border-radius: 2.2rem;
}
/** modal forms end**/

/** payment success start**/

.paymentsuccess-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6rem 0rem;
}
.paymentsuccess-box {
  width: fit-content;
  text-align: center;
}
.paymentsuccess-text {
  margin-top: 3rem;
}
.paymentsuccess-text h4 {
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 600;
  color: var(--paymenthead_text_color);
  margin-bottom: 2rem;
}

.paymentsuccess-text p {
  font-size: 1.8rem;
  line-height: 3.15rem;
  font-weight: 400;
  color: var(--payment_text_color);
  margin-bottom: 3rem;
}

/** payment success end**/

/** policy page start**/
.policy-section h1 {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-weight: 500;
  color: var(--policyhead_text_color);
  margin-bottom: 2rem;
}

.policy-section h2 {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 500;
  color: var(--policyhead_text_color);
  margin-bottom: 2rem;
}

.policy-section h4 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: var(--policyhead_text_color);
  margin-bottom: 2rem;
}

.policy-section p {
  font-size: 1.8rem;
  line-height: 3.15rem;
  font-weight: 400;
  color: var(--theme_title2_color);
  margin-bottom: 2rem;
}

.policy-section h3 {
  font-family: var(--font-family);
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: var(--theme_title2_color);
  margin-bottom: 2.2rem;
}
/** policy page start**/

.more-products {
  transition: 0.3s all ease;
}

/* -------------------------------------------------------------------
   for Collections page starts here
------------------------------------------------------------------- */
.collections_page .left_sidebar button,
.collections_page .products_par button {
  background: transparent;
}
.collections_page .sec_collections {
  padding-top: clamp(5rem, 4.146rem + 3.049vw, 10rem);
  padding-bottom: clamp(5rem, 4.659rem + 1.22vw, 7rem);
}
.collections_page .sec_collections .sec_collections_par {
  display: flex;
  gap: clamp(2rem, 0.16rem + 2vw, 4rem);
  position: relative;
}
.collections_page .sec_collections .left_sidebar {
  padding-inline: clamp(1.4rem, 1.229rem + 0.61vw, 2.4rem);
  padding-block: clamp(1rem, 0.829rem + 0.61vw, 2rem);
  max-width: clamp(25rem, 20.86rem + 4.5vw, 29.5rem);
  width: 100%;
  position: sticky;
  top: 10.5rem;
  border: 0.1rem solid #0000001a;
  height: fit-content;
}

.collections_page .left_sidebar .sing_box_cont:not(:last-child) {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem solid #0000001a;
}
.collections_page .left_sidebar .filter_head.sing_box_cont {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.collections_page .left_sidebar .filter_cont {
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 0.1rem solid #0000001a;
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .top_side {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.collections_page .sec_collections .left_sidebar .top_side h5 {
  font-size: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
  line-height: 3.6rem;
  font-weight: 500;
  color: #000;
}
.collections_page .sec_collections .left_sidebar .top_side h6 {
  font-size: clamp(1.6rem, 1.566rem + 0.122vw, 1.8rem);
  line-height: clamp(2.4rem, 2.349rem + 0.183vw, 2.7rem);
  font-weight: 500;
  color: #000;
}
.collections_page .sec_collections .left_sidebar .top_side .category_btn {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.collections_page .sec_collections .left_sidebar .category_btn img {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.collections_page .left_sidebar .sing_box_cont.closed .category_btn img {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .bott_side {
  margin-top: 2rem;
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .bott_side,
.collections_page .sing_box_cont .bott_side .more_cont {
  display: flex;
  flex-direction: column;
  column-gap: 2rem;
  row-gap: clamp(1rem, 0.829rem + 0.61vw, 2rem);
  color: #00000099;
}

.collections_page .sing_box_cont .bott_side .more_head button {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  cursor: pointer;
  display: inline-block;
}
.collections_page .sing_box_cont .bott_side .more_cont {
  margin-bottom: 2rem;
}
.collections_page .sec_collections .left_sidebar .custom_check label {
  justify-content: space-between;
  width: 100%;
  line-height: 1.6rem;
}
.collections_page .sec_collections .left_sidebar .custom_check label span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.collections_page .sec_collections .left_sidebar .sing_box_cont .sing_row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.collections_page .left_sidebar .sing_box_cont .sing_row .sing_grp {
  position: relative;
}
.collections_page .left_sidebar .sing_box_cont .sing_row .sing_grp input {
  display: none;
}
.collections_page .left_sidebar .sing_box_cont.size .sing_row label {
  min-width: 3.6rem;
  min-height: 3.6rem;
  color: #000;
  border: 0.1rem solid #a3a3a3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.1rem;
}
.collections_page .left_sidebar .sing_box_cont.size .sing_row .active label {
  background-color: #000;
  color: #fff;
}
.collections_page .left_sidebar .sing_box_cont.color .sing_row label {
  min-width: 3.4rem;
  min-height: 3.4rem;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border: 0.1rem solid #fff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  font-size: 1rem;
  text-align: center;
  line-height: 3.4rem;
}
.collections_page .left_sidebar .sing_box_cont.color .sing_row .active label {
  border: 0.1rem solid #a3a3a3;
}

/* .collections_page .sing_box_cont .bott_side .color button.light_red {
    background-color: #f56b6b;
}
.collections_page .sing_box_cont .bott_side .color button.light_pink {
    background-color: #fab1aa;
}
.collections_page .sing_box_cont .bott_side .color button.light_blue {
    background-color: #6cdbfc;
}
.collections_page .sing_box_cont .bott_side .color button.cream {
    background-color: #d5c3af;
}
.collections_page .sing_box_cont .bott_side .color button.yellow {
    background-color: #ffb941;
} */

.collections_page .sec_collections .right_collections {
  flex: 1;
}
.collections_page .sec_collections .right_collections .products_par {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: clamp(2rem, 0.896rem + 1.2vw, 3.2rem);
  column-gap: clamp(2rem, 1.54rem + 0.5vw, 2.5rem);
  height: fit-content;
  margin-bottom: 6rem;
}

@media (max-width: 1199.98px) {
  .collections_page .sec_collections .right_collections .products_par {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 991.98px) {
  .collections_page .sec_collections .sec_collections_par {
    flex-direction: column;
  }
  .collections_page .sec_collections .left_sidebar {
    max-width: 100%;
    position: initial;
  }
  .collections_page
    .sec_collections
    .left_sidebar
    .sing_box_cont.gender
    .bott_side {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4rem;
  }
  .collections_page
    .sec_collections
    .left_sidebar
    :is(
      .sing_box_cont.brands .bott_side,
      .sing_box_cont.type .bott_side,
      .sing_box_cont.material .bott_side
    ) {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 767.98px) {
  .collections_page
    .sec_collections
    .left_sidebar
    .sing_box_cont.gender
    .bott_side {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575.98px) {
  .collections_page .sec_collections .right_collections .products_par {
    grid-template-columns: repeat(1, 1fr);
  }
  .collections_page
    .sec_collections
    .left_sidebar
    .sing_box_cont.gender
    .bott_side {
    grid-template-columns: repeat(1, 1fr);
  }
  .sec_collections
    .left_sidebar
    :is(
      .sing_box_cont.brands .bott_side,
      .sing_box_cont.type .bott_side,
      .sing_box_cont.material .bott_side
    ) {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (max-width: 424.98px) {
  .sec_collections
    .left_sidebar
    :is(
      .sing_box_cont.brands .bott_side,
      .sing_box_cont.type .bott_side,
      .sing_box_cont.material .bott_side
    ) {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

/* -------------------------------------------------------------------
   for Collections page ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for single product card starts here
------------------------------------------------------------------- */
.sing_prod {
  padding-inline: clamp(1.5rem, 1.159rem + 1.22vw, 3.5rem);
  padding-top: clamp(7.5rem, 7.329rem + 0.61vw, 8.5rem);
  padding-bottom: clamp(2rem, 1.761rem + 0.854vw, 3.4rem);
  position: relative;
  border: 1px solid #0000001a;
  border-radius: 1.7rem;
  -webkit-border-radius: 1.7rem;
  -moz-border-radius: 1.7rem;
  -ms-border-radius: 1.7rem;
  -o-border-radius: 1.7rem;
  min-width: 0;
}
.sing_prod .new_tag {
  background: var(--linear_gradient_color);
  padding: 0.7rem 1.1rem;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #fff;
  position: absolute;
  left: 0;
  top: clamp(2.8rem, 2.629rem + 0.61vw, 3.8rem);
}
.sing_prod .add_to_whish {
  position: absolute;
  right: 3.7rem;
  top: 2.8rem;
}
.sing_prod .add_to_whish svg {
  width: clamp(2.4rem, 2.315rem + 0.305vw, 2.9rem);
}
.sing_prod .add_to_whish svg path {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.sing_prod .add_to_whish svg:hover path {
  fill: #ba2468;
  stroke: transparent;
}
.sing_prod > img {
  margin-bottom: clamp(1.7rem, 1.017rem + 2.439vw, 5.7rem);
}
.sing_prod .name_price_btn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.products_par .product_link:hover {
  transform: rotate(80deg);
  -webkit-transform: rotate(80deg);
  -moz-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  -o-transform: rotate(80deg);
}
.sing_prod .name_price_btn .left_side {
  min-width: 0;
}
.sing_prod .name_price_btn h6 {
  font-size: clamp(1.6rem, 1.532rem + 0.244vw, 2rem);
  font-weight: 600;
  line-height: clamp(2rem, 1.863rem + 0.488vw, 2.8rem);
  color: var(--product_text_color);
  margin-bottom: clamp(0.8rem, 0.629rem + 0.61vw, 1.8rem);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sing_prod .name_price_btn .price_par {
  display: flex;
  align-items: center;
  gap: 1.3rem;
  margin-bottom: 0.8rem;
}
.sing_prod .name_price_btn .price_par .price {
  font-size: clamp(2rem, 1.932rem + 0.244vw, 2.4rem);
  font-weight: 600;
  line-height: clamp(2.8rem, 2.698rem + 0.366vw, 3.4rem);
  color: var(--product_price_color);
}
.sing_prod .name_price_btn .price_par .marked_price {
  font-weight: 500;
  line-height: 2.2rem;
  text-decoration: line-through;
  color: #000;
}
.sing_prod .name_price_btn .right_side a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(4.2rem, 4.029rem + 0.61vw, 5.2rem);
  height: clamp(4.2rem, 4.029rem + 0.61vw, 5.2rem);
  background: var(--linear_gradient_color);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
/* -------------------------------------------------------------------
   for single product card ends here
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   for pagination starts here
------------------------------------------------------------------- */

.pagination {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  overflow: auto hidden;
}
/* .pagination > button {
    display: flex;
    gap: 1.8rem;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;
    text-align: center;
    padding: 1.3rem 2rem;
    color: #6b6b6b;
    border: 0.125rem solid #a3a3a3;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
}
.pagination ul {
    display: flex;
    align-items: center;
    gap: 1rem;
} */
.pagination li :is(span, a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 5.6rem;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 500;
  color: #000;
}
.pagination li:hover :is(span, a) {
  color: #000 !important;
  border-color: #000 !important;
}
.pagination li.active :is(span, a) {
  background: var(--linear_gradient_color) !important;
  color: #fff !important;
  border-color: #0000001a !important;
}

/* -------------------------------------------------------------------
   for pagination ends here
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
   for price range progressbar starts here
------------------------------------------------------------------- */
.range-slider {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-bottom: 2.5rem;
}

#range {
  -webkit-appearance: none;
  width: 100%;
}
#range:focus {
  outline: none;
}
#range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.6rem;
  cursor: pointer;
  animate: 0.2s;
  background: linear-gradient(
    90deg,
    #ba2468 var(--range-progress),
    #f0f0f0 var(--range-progress)
  );
}
#range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 50%;
  background: var(--linear_gradient_color);
  cursor: pointer;
  height: 2rem;
  width: 2rem;
  transform: translateY(calc(-50% + 0.2rem));
  -webkit-transform: translateY(calc(-50% + 0.2rem));
  -moz-transform: translateY(calc(-50% + 0.2rem));
  -ms-transform: translateY(calc(-50% + 0.2rem));
  -o-transform: translateY(calc(-50% + 0.2rem));
}

#tooltip {
  position: absolute;
  top: 2.5rem;
  display: inline-block;
  width: max-content;
}
#tooltip span {
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0.125rem 0.25rem;
  color: #000;
  font-size: 1.4rem;
  line-height: 2.1rem;
  transform: translate(-50%, 0);
  font-weight: 500;
}

/* -------------------------------------------------------------------
   for footer starts here
------------------------------------------------------------------- */

.main_footer {
  background-color: #111111;
  padding-top: clamp(3rem, 2.641rem + 1.28vw, 5.1rem);
  padding-bottom: clamp(2rem, 1.641rem + 1.28vw, 4.1rem);
}
.main_footer .top_footer {
  display: flex;
  gap: clamp(3.5rem, 2.885rem + 2.195vw, 7.1rem);
  justify-content: space-between;
}
.main_footer .top_footer .page_links {
  max-width: 41rem;
}
.main_footer .top_footer .page_links.address li {
  display: flex;
  align-items: baseline;
}
.main_footer .top_footer .page_links i {
  padding-right: 1rem;
  font-size: 1.6rem;
}
.main_footer .top_footer .page_links p {
  color: var(--theme_primary_color);
  /* font-size: 2rem;
    font-weight: 400;
    line-height: 2.2rem; */
}

.main_footer .top_footer .page_links .foot_title {
  font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
  line-height: clamp(2.8rem, 2.732rem + 0.244vw, 3.2rem);
  letter-spacing: 0.06rem;
  color: var(--theme_primary_color);
  text-transform: uppercase;
  margin-bottom: clamp(1.4rem, 1.366rem + 0.122vw, 1.6rem);
  width: max-content;
}
.main_footer .top_footer .page_links ul li {
  font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
  line-height: clamp(3.2rem, 3.098rem + 0.366vw, 3.8rem);
  color: #7e7e7e;
}
.main_footer .top_footer .page_links ul li a {
  font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
  line-height: clamp(3.2rem, 3.098rem + 0.366vw, 3.8rem);
  /* color: #7e7e7e; */
  color: var(--theme_primary_color);
  margin-bottom: 0.4rem;
  padding: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.main_footer .top_footer .social_links {
  margin-left: auto;
}
.main_footer .top_footer .social_links ul {
  display: flex;
  align-items: center;
  gap: 2.2rem;
}
.main_footer .top_footer .page_links ul li a:hover {
  color: var(--white);
}
.main_footer .top_footer .foot_logo {
  align-self: center;
}
.main_footer .top_footer .foot_logo svg {
  filter: invert(1);
  -webkit-filter: invert(1);
  height: clamp(10rem, 6.429rem + 5.952vw, 15rem);
  width: clamp(10rem, 6.429rem + 5.952vw, 15rem);
}

.main_footer .bott_footer {
  display: flex;
  gap: clamp(1.1rem, 0.912rem + 0.671vw, 2.2rem);
  align-items: center;
  margin-top: clamp(5rem, 4.317rem + 2.439vw, 9rem);
}
.main_footer .bott_footer .location {
  display: flex;
  align-items: center;
  line-height: 1.6rem;
  color: var(--theme_primary_color);
  gap: 1.1rem;
}
.main_footer .bott_footer .location img {
  padding: 0 0.125rem;
}
.main_footer .bott_footer .copy_right {
  font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
  line-height: 1.6rem;
  color: var(--theme_primary_color);
  /* color: #7e7e7e; */
}
.main_footer .bott_footer .policy_links {
  margin-left: auto;
}
.main_footer .bott_footer .policy_links ul {
  display: flex;
  gap: clamp(1.5rem, 1.244rem + 0.915vw, 3rem);
}
.main_footer .bott_footer .policy_links a {
  font-size: clamp(1.8rem, 1.766rem + 0.122vw, 2rem);
  line-height: clamp(3rem, 2.898rem + 0.366vw, 3.6rem);
  text-align: right;
  color: #7e7e7e;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.main_footer .bott_footer .policy_links a:hover {
  color: var(--white);
}

@media (max-width: 1199.98px) {
  .main_footer .bott_footer {
    flex-direction: column-reverse;
  }
  .main_footer .bott_footer .policy_links {
    margin-left: 0;
  }
  .main_footer .bott_footer .location {
    display: none;
  }
  .main_footer .bott_footer .copy_right {
    text-align: center;
  }
  .main_footer .top_footer {
    flex-wrap: wrap;
    justify-content: center;
  }
  .main_footer .top_footer .foot_logo {
    text-align: center;
    order: 1;
    width: 100%;
  }
  .main_footer .top_footer .page_links {
    max-width: max-content;
  }
}

@media (max-width: 767.98px) {
  .main_footer .top_footer {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .main_footer .top_footer .social_links {
    width: 100%;
  }
  .main_footer .top_footer .social_links ul {
    width: fit-content;
    margin: auto;
  }
}

@media (max-width: 575.98px) {
  .main_footer .top_footer {
    flex-direction: column;
    width: fit-content;
    margin: auto;
    text-align: center;
  }
  .main_footer .top_footer .page_links {
    margin: auto;
  }
  .main_footer .top_footer .page_links.address li {
    display: block;
  }
  .main_footer .top_footer .page_links .foot_title {
    margin-inline: auto;
  }
}

@media (max-width: 374.98px) {
  .main_footer .bott_footer .policy_links ul {
    flex-direction: column;
    text-align: center;
    gap: 0;
  }
}
/* -------------------------------------------------------------------
   for footer ends here
------------------------------------------------------------------- */
/* -------------------------------------------------------------------
   for price range progressbar ends here
------------------------------------------------------------------- */

/* jbreadcumb style's */
.jbreadcumb-sec {
  position: relative;
  padding: clamp(6rem, 10vw, 14.375rem) 0;
  background-image: url(../images/breadcumb_banner.png);

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.jbreadcumb-sec::before {
  content: "";
  display: block; /* or inline-block, or absolute positioning depending on your layout */
  width: 100%;
  height: 100%;
  background-image: url(../images/breadcumb_shade.png);
  background-size: cover; /* or contain, depending on your need */
  background-repeat: no-repeat;
  background-position: center;
  position: absolute; /* if overlay */
  top: 0;
  left: 0;
  z-index: 1;
}
.bc-title {
  font-size: clamp(1.875rem, 1.3415rem + 3.0488vw, 5rem);
  color: var(--theme_primary_color);
  font-weight: 600;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 2;
}

/* aboutus styles */

.about_our_story_part .story__image_wrapper {
  width: 100%;
  max-width: 49.7rem;
}
.about_our_story_part .story__poster {
  width: 100%;
  height: auto;
}
.about_our_story_part .story__content {
  margin-top: clamp(1.25rem, 0.9299rem + 1.8293vw, 3.125rem);
}
.about_our_story_part .story__title {
  color: var(--theme_secondary_color);
  font-size: clamp(3rem, 5vw, 5.2rem);
  margin-bottom: clamp(1.25rem, 0.3353rem + 1.9081vw, 2.625rem);
}
.about_our_story_part .story__paragraph,
.current__trend_body_content .paragraph {
  color: var(--about-text);
  font-weight: 500;
  line-height: 1.5;
  font-size: clamp(1.5rem, 2vw, 3rem);
  margin-bottom: 1.5rem;
}
.about_current__trend_head {
  display: flex;
  justify-content: center;
  align-items: center;
}
.about_current__trend_title {
  text-align: right;
  width: 100%;
  max-width: 65.8rem;
  font-size: clamp(3.5rem, 8vw, 11.2rem);
  font-weight: 500;
  line-height: 1.3;
  padding-top: clamp(1.5rem, 2vw, 3rem);
}

.current__trend_img2 {
  position: absolute;
  right: 0;
  top: -55%;
  z-index: -1;
  width: max-content;
}
/* .about_current__trend_part.left_side  */

.about_current__trend_part .current__trend_body_content p {
  text-align: right;
  padding-right: clamp(0rem, 2vw, 3rem);
}
.current__trend_body_img_wrapper {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding-left: clamp(1.5rem, 2vw, 3rem);
}
.about_current__trend_part.left_side .about_current__trend_body .row {
  flex-direction: row-reverse;
}
.about_current__trend_part.left_side .about_current__trend_title {
  text-align: left;
}
.about_current__trend_part.left_side .current__trend_body_content p {
  text-align: left;
}
.about_current__trend_part.left_side .current__trend_body_content p {
  padding-right: 0;
  padding-left: clamp(0rem, 2vw, 3rem);
}
.about_current__trend_part.left_side .current__trend_body_img_wrapper {
  justify-content: flex-end;
  padding-left: 0;
  /* padding-right: 3rem; */
}
.about_current__trend_part.left_side .current__trend_img2 {
  left: 0;
  right: inherit;
}

/* about our mission */
.about__our_mission {
  position: relative;
  padding: clamp(4rem, 10vw, 14rem) clamp(2rem, 8vw, 12.8rem);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/about/our_mission_post.png);
}
.about__our_mission_title {
  font-size: clamp(5rem, 10vw, 11.4rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.about__our_mission > *,
.__contact_info_box > div * {
  color: var(--theme_primary_color);
}
.about__our_mission_content {
  margin-bottom: clamp(0rem, 10vw, 10rem);
}
.about__our_mission_content .paragraph {
  font-size: clamp(1.5rem, 2vw, 3rem);
  line-height: 1.54;
  font-weight: 400;
}
.__contactpage .page__title {
  text-transform: capitalize;
  color: var(--theme_secondary_color);
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 3;
}
.__contactpage .page__description {
  color: var(--product-e-heading-text-color);
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
}
.__contact_info_box {
  padding: clamp(1.5rem, 4vw, 4rem) clamp(2rem, 5vw, 4.6rem);
  border-radius: 1.6rem;
  background: var(--linear_gradient_color);
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  -ms-border-radius: 1.6rem;
  -o-border-radius: 1.6rem;
  margin-bottom: 2rem;
}
.__info_tile {
  font-size: clamp(2rem, 5vw + 1rem, 5rem);
  list-style: 1;
  font-weight: 600;
  margin-bottom: 2.5rem;
  margin-top: 2rem;
}
.__info_para,
.__contact_link {
  font-weight: 400;
  font-size: clamp(1.8rem, 2vw, 3rem);
  line-height: 1;
}
.__contact_links .__contact_link {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4rem;
  cursor: pointer;
}
.__contact_links .__contact_link svg,
.__contact_links .__contact_link img {
  min-width: 4rem;
}
.__contact_links {
  position: relative;
  margin-bottom: 3.2rem;
}
.googlemap_locate {
  width: 100%;
  height: 51rem;
  max-width: 61.8rem;
}
@media (max-width: 767px) {
  .googlemap_locate {
    width: 100%;
    /* height: 25rem; */
  }
}
.__contact_form_wrapper {
  padding-left: clamp(0rem, 5vw, 6rem);
}
.__jcontact_form .c-form-group {
  margin-bottom: clamp(2rem, 5vw, 5rem);
}
.__jcontact_form .query-types {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.__jcontact_form .query-types .radio-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}

.__jcontact_form .query-title {
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-bottom: 2.5rem;
}

.__jcontact_form .checkbox7 {
  position: relative;
}

.__jcontact_form .checkbox7 .custom-radio:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  cursor: pointer;
  height: 23px;
  width: 23px;
  border-radius: 50%;
  background-color: #e0e0e0;
}

.__jcontact_form .checkbox7 .custom-radio:after {
  content: "";
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  cursor: pointer;
  width: 12px;
  height: 6px;
  top: 7px;
  left: 1px;
  opacity: 0;
  position: absolute;
  transform: rotate(-45deg);
  transition: all 0.3s linear;
}

.__jcontact_form .checkbox7 input {
  visibility: hidden;
}

.__jcontact_form .checkbox7 input:checked + .custom-radio:before {
  background: #832982;
}

.__jcontact_form .checkbox7 input:checked + .custom-radio:after {
  opacity: 1;
}
.__country_code {
  width: 12rem;
  padding: 2.6rem 4.7rem 2.6rem 2.2rem;
  font-size: 1.8rem;
  line-height: 18px;
  outline: none;
  border: none;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.c-form-input {
  height: 100%;
}
.__country-codesec-wrap {
  display: flex;
  align-items: center;
  column-gap: 1.3rem;
}
.c-form-group textarea {
  border: 1px solid #d0d0d0;
}
.c-form-group textarea:focus {
  border-color: #802983;
}

/* my order details style here!!!  */
.my_orderdetails_wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.my_orderdetails_status {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1.4rem;
  padding-block: 1.6rem;
  padding-inline: 3rem;
  margin-bottom: 2.5rem;
}
.my_order_imgwrap {
  display: flex;
  justify-content: center;
  text-align: center;
  max-width: 40rem;
  width: 100%;
  height: 100%;
  margin-right: 3.6rem;
}
.order_ad_box {
  background: transparent;
  border: 1px solid var(--theme_secondary_color);
}
.my_orderdetails_content {
  margin-right: 5rem;
}
.order_placed {
  background-color: #e6f7ff;
}
.order_placed > *,
.order_placed svg path {
  fill: #007bff;
  color: #007bff;
}

.order_delivered {
  background-color: #d2ffc6;
}
.order_delivered > *,
.order_delivered svg path {
  fill: #2abf01;
  color: #2abf01;
}

.order_pending {
  background-color: #fff6cb;
}
.order_pending > *,
.order_pending svg path {
  fill: #b69703;
  color: #b69703;
}
.order_pending {
  background-color: #fff6cb;
}
.order_pending > *,
.order_pending svg path {
  fill: #b69703;
  color: #b69703;
}

.order_shipped {
  background-color: #cce5ff;
}
.order_shipped > *,
.order_shipped svg path {
  fill: #0056b3;
  color: #0056b3;
}

.order_cancelled {
  background-color: #ffd6d6;
}
.order_cancelled > *,
.order_cancelled svg path {
  fill: #d11a2a;
  color: #d11a2a;
}

.order_processing {
  background-color: #f0f0f0;
}
.order_processing > *,
.order_processing svg path {
  fill: #6c757d;
  color: #6c757d;
}

.order_ready_to_ship {
  background-color: #e8e4ff;
}
.order_ready_to_ship > *,
.order_ready_to_ship svg path {
  fill: #6f42c1;
  color: #6f42c1;
}

._order_product_name {
  font-weight: 500;
  font-size: 5rem;
  line-height: 100%;
  vertical-align: middle;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.order_para {
  margin-bottom: 2.5rem;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1;
  color: #777777;
  vertical-align: middle;
}
.order_para .inner_ {
  display: flex;
  flex-wrap: nowrap;
  column-gap: 0.5rem;
  align-items: center;
}
.order_para strong {
  color: var(--theme_secondary_color);
}
.my_orderdetails_others {
  margin-bottom: 4.2rem;
}
.my_orderdetails_content .btn-wrapper button {
  height: 7.6rem;
  width: 50%;
  font-size: 2.6rem;
}
.orderexchange_reason_box .btn-wrapper button {
  width: 20%;
}
.confirm_ad_box ._title {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 1;
  vertical-align: middle;
  margin-bottom: 2.7rem;
}
.orderdetails_reviwpaid {
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.order_review_box {
  border-radius: 1rem;
  padding-inline: 3.1rem;
  padding-block: 3.1rem;
  background-color: var(--bg_addressboxcolor);
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.review_title,
.ex_reason_title {
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 1;
  padding-top: 2rem;
  margin-bottom: 2.7rem;
}
.review-icon li {
  padding: 0.3rem;
}
._review_form .review-icon {
  margin-bottom: 1.7rem;
}
._review_form button,
.order_paid_mode_box button {
  width: 50%;
  line-height: 4rem;
}
.order_paid_mode_box .pay-input-options {
  border-bottom: none;
}
.order_paid_mode_box {
  border: 1px solid var(--theme_secondary_color);
  padding: 2.8rem 2.9rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.order_paid_mode_box .box_head {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 2rem;
}
/* exchange order style here */

.review_checkoxs label {
  color: #383838;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 3rem;
  display: flex;
  flex-wrap: nowrap;
  column-gap: 1.4rem;
  margin-right: 6.5rem;
}
.review_checkoxs label:last-child {
  margin-right: 0;
}
.review_checkoxs input[type="checkbox"] {
  width: 1.8rem;
  height: 1.8rem;
  margin-top: 0.3rem;
}

.ex_reason_text {
  text-transform: capitalize;
  padding-block: 2.4rem;
  padding-inline: 1.6rem;
  border: 1px solid #4e4e4e;
  border-radius: 0.7rem;
  -webkit-border-radius: 0.7rem;
  -moz-border-radius: 0.7rem;
  -ms-border-radius: 0.7rem;
  -o-border-radius: 0.7rem;
  transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
}
.ex_reason_text:focus {
  border: 1px solid #832982;
}

/* success icon */
.auth-para {
  color: var(--auth-text);
  font-weight: 400;
  font-size: 1.6rem;

  margin: 3.2rem 0;
}

.success_icon svg {
  width: 16rem;
  height: 16rem;
  display: block;
  margin: 3.2rem auto;
}

.success_icon svg .tick {
  transform-origin: center;
  animation: grow 5s ease-in-out forwards;
  opacity: 0;
  -webkit-animation: grow 5s ease-in-out forwards;
}

@keyframes grow {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.success_icon svg .circle {
  fill: none;
  stroke: #f0cade;
  stroke-width: 8;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 4s forwards ease;
  -webkit-animation: dash 4s forwards ease;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}

/* blog page styles */
.blog_heading-wrapper {
  width: 100%;
  margin: 0 auto;
  max-width: 122rem;
}
.blog_heading {
  color: var(--theme_secondary_color_1);
  font-weight: 600;
  font-size: 2.042rem;
  line-height: 1;
  margin-bottom: clamp(1rem, 1.5vw + 1rem, 2.6rem);
  /* text-align: center; */
  text-transform: uppercase;
}

.blog_sub_heading {
  color: var(--theme_secondary_color);
  font-weight: bold;
  font-size: clamp(3rem, 6vw + 1rem, 8.3rem);
  line-height: 1;
  /* text-align: center; */
  margin-bottom: clamp(1rem, 1.5vw + 1rem, 2.6rem);
}
.blog_desc {
  color: var(--order-sum-border);
  font-weight: 400;
  font-size: clamp(1.4rem, 2.5vw + 0.5rem, 2.8rem);
  line-height: 1;
  /* text-align: center; */
}
.xxl_blog_post_image {
  width: 100%;
  padding-top: clamp(3rem, 5vw + 2rem, 9rem);
  padding-bottom: clamp(3rem, 5vw + 2rem, 9rem);
}
.highlight_content {
  font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
  font-weight: 400;
  color: #333333;
  line-height: 1;
  margin-bottom: clamp(3rem, 6vw + 1rem, 10rem);
}
.blog_content_box_textarea h2 {
  color: var(--theme_secondary_color);
  font-weight: 400;
  font-size: clamp(2rem, 2vw + 1rem, 3.5rem);

  line-height: 1;
  margin-bottom: 2.3rem;
}
.blog_content_box_textarea p {
  color: var(--theme_secondary_color);
  font-weight: 300;
  line-height: 1.4;
  font-size: clamp(1.2rem, 1.5vw + 0.8rem, 2.3rem);
  margin-bottom: clamp(1rem, 1.5vw + 0.5rem, 2.3rem);
}
.blog_content_box_textarea ul,
.blog_content_box_textarea ol {
  padding-left: 3rem;
  margin-bottom: 2.3rem;
}
.blog_content_box_textarea ul li,
.blog_content_box_textarea ol li {
  color:  var(--theme_secondary_color);
  font-weight: 300;
  padding-bottom: 1rem;
  font-size: clamp(1.2rem, 1.5vw + 0.8rem, 2.3rem);
  line-height: 1.4;
}
.blog_content_box_textarea ul li {
  list-style: disc;
}
.blog_content_box_textarea ol li {
  list-style: decimal;
}
.blog_content_box_textarea img {
  width: 100%;
  margin: clamp(2rem, 4vw + 1rem, 5.5rem) 0;
}
.blog_divider {
  background-color: #33333366;
  width: 100%;
  height: 0.14rem;
}
.blogs_feature_heading {
  padding-right: clamp(1.5rem, 6vw + 2rem, 14rem);
}
.blogs_feature_heading .blog_desc {
  color: #333333cc;
}
.blogs_feature_heading .btn {
  margin-top: clamp(2rem, 3vw + 1rem, 5rem);
  margin-bottom: 2rem;
}
.blog_category_wrapper {
  border-top: 0.14rem solid #33333366;
  border-bottom: 0.14rem solid #33333366;
}
/* .category_cards_wrapper {
  
  gap: 1rem;
} */
.category_cards_item {
 
  max-width: 100%;
  /* margin-right: 10px !important; */
  border: 1.4px solid #33333366;
  padding: 1.165rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.category_cards_item_image {
  width: 100%;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}
.category_cards_item_title {
  font-weight: 400;
  font-size: 3.4rem;
  line-height: 1;
}
.category_cards_item_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2.3rem 0 2.1rem;
  padding: 0 2.3rem;
  transition: 0.5s all ease-in-out;
  -webkit-transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  -ms-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
}
.category_cards_item_link:hover {
  padding: 0 1.3rem;
}
/* .trending_topics_wrapper {
  border-bottom: 0.14rem solid #33333366;
} */
.trending_topics_main_box {
  margin-top: 5.8rem;
}
.trending_topics_main_box_wrapper.parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 23.3px;
  grid-row-gap: 23.3px;
}
/* .trending_topics_box {
  grid-area: 1 / 3;
} */
/* .trending_topics_box.div2 {
  grid-area: 1 / 2 / 2 / 3;
}
.trending_topics_box.div3 {
  grid-area: 1 / 3 / 2 / 4;
}
.trending_topics_box.div4 {
  grid-area: 2 / 1 / 3 / 2;
}
.trending_topics_box.div5 {
  grid-area: 2 / 2 / 3 / 3;
}
.trending_topics_box.div6 {
  grid-area: 2 / 3 / 3 / 4;
} */
.trending_topics_box {
  position: relative;
  border: 1.4px solid #33333366;
  border-radius: 0.5rem;
  background-color: #f1f1f1;
  padding: 1.165rem;
}
.trending_topics_content {
  position: relative;
  padding: 1.165rem;
}
.trending_topics_post {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 1.165rem;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.trending_topics_title {
  font-weight: 400;
  font-size: 3.4rem;
  line-height: 1;
}
.trending_links_tag > *{
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.trending_links_tag:hover > *{
  text-decoration: underline;
}
.trending_links{
 transform: translateX(0);
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
}
.trending_links:focus, .trending_links:hover{
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
}
.trending_topics_para {
  color: #333333cc;
  padding: 2.33rem 0;
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 1.4;
}
.trending_topics_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.74rem 0;
  border-top: 1.4px solid #33333366;
}
.subscription_row {
  border: 1.4px solid #33333366;
  padding: 1.726rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.subscription_content_heading .blog_sub_heading {
  font-size: clamp(2rem, 6vw + 1.5rem, 6.8rem);
}
.subscription_content_heading .blog_desc {
  margin-bottom: clamp(3rem, 5vw, 6.9rem);
  color: #33333399;
  font-weight: 300;
  line-height: 1.4;
  font-size: clamp(1.4rem, 2.5vw + 0.5rem, 2.4rem);
}

.subscription_content_box {
  padding-left: clamp(2rem, 5vw, 8rem);
}
.subscription_form .sub_input {
  outline: none;
  border: 1.4px solid #33333366;
  border-radius: 4.2rem;
  margin-bottom: 2rem;
  width: 92.5%;
  max-width: 100%;
  padding: 2.4rem 2.33rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  -webkit-border-radius: 4.2rem;
  -moz-border-radius: 4.2rem;
  -ms-border-radius: 4.2rem;
  -o-border-radius: 4.2rem;
  transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
}
.subscription_form span.error{
  display: block;
  padding-left: 5%;
  margin-bottom: 1rem;
}
.subscription_form .btn {
  position: absolute;
  right: 9%;
  top: 9%;
}
.subscription_form .sub_input:focus{
  border-color: var(--theme_secondary_color_1);
  box-shadow: 0px 0px 15px -3px #ba2468;
}
.blog_details_page .trending_topics_wrapper{
  border-top: 0.14rem solid #33333366;
  border-bottom: 0.14rem solid #33333366;
}
/* end blog page styles */