@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

:root {
  --primaryColor: #053022;
  --secondaryColor: #fdf9ef;
  --brownDark: #3d1e0d;
  --xtraLightbrown: #efe4ce;
  --brownLight: #edc278;
  --customGray: #d0d0ce;
  --lightWhite: #fdf9ef;
  --hoverColor: #edc278;
}
.text-light {
  color: var(--xtraLightbrown);
}

@font-face {
  font-family: "Playfair Display", serif;
  src: url(../fonts/PlayfairDisplay-Regular.ttf);
}

@font-face {
  font-family: "ExatCYR";
  src: url(../fonts/exatcyr-regular.otf);
}

@font-face {
  font-family: "ExatCYR Medium";
  src: url(../fonts/exatcyr-medium.otf);
}

@font-face {
  font-family: "Exatcyr Light";
  src: url(../fonts/exatcyr-light.otf);
}

h1,
h2,
h4 {
  font-family: "Playfair Display", serif;
}

p {
  font-family: "ExatCYR";
  font-weight: 400;
  font-size: 15px;
  color: #000000b5;
  margin-bottom: 10px;
  line-height: 27px;
}

img,
div,
.btn {
  transition: 0.4s;
}
section {
  padding: 35px 0px;
  overflow: hidden;
}

body {
  background-color: white;
  font-family: "ExatCYR";
}

.custom-navbar {
  background-color: var(--primaryColor);
  /* box-shadow: 0px 1px 10px #214539; */
  top: 38px;
  transition: 0.2s;
  padding: 16px 0 13px 0;
}
.custom-navbar .nav-logo {
  height: 115px;
  max-height: 74px;
  object-fit: contain;
}
.scrolled-nav .nav-logo {
  max-height: 50px;
}
.custom-navbar .nav-link {
  color: white;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 400;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item.show .nav-link {
  color: var(--hoverColor) !important;
}

.custom-carousel img {
  object-fit: cover;
  aspect-ratio: 7 / 3;
}

.offcanvas-header .btn-close {
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
}

#offerbanner .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}

#offerbanner .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

#offerbanner .carousel-control-next-icon,
#offerbanner .carousel-control-prev-icon {
  background-color: transparent;
  border-radius: 3px;
  opacity: 100%;
}

section.landing-banner {
  padding: 0px !important;
  background-color: #efe4ce;
  padding-top: 75px !important;
  position: relative;
}

.banner-content-area h1 {
  font-family: "Playfair Display", serif;
  color: white;
  font-size: 5rem;
  /* text-shadow: 0px 1px 5px black; */
}

.banner-content-area .btn-custom:hover {
  background-color: #04291d;
}

.landing-banner .container-fluid {
  overflow: hidden;
}
.banner-content-area {
  /* position: absolute;
  top: 185px;
  z-index: 3;
  right: 30px; */
  position: absolute;
  bottom: 200px;
  z-index: 3;
  /* right: calc(50% - 270px); */
  text-align: center;
}

.banner-content-area p {
  color: white;
  font-weight: 100;
  font-size: 14px;
  padding: 0px 0%;
}

.banner-content-area .btn-custom {
  background-color: var(--primaryColor);
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  color: white;
  padding: 12px 32px;
}

section:first-child {
  padding-top: 160px;
}

.btn-custom {
  border-radius: 8px;
  padding: 8px 15px;
  font-family: sans-serif;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.btn-custom:hover,
.btn-custom:active {
  background-color: var(--primaryColor);
  color: white;
}

.login-btn {
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 400;
}

.myorder-select select{
      min-width: 174px;
}

.login-btn:hover {
  color: var(--hoverColor) !important;
}

.subheading {
  font-size: 30px;
  color: var(--brownDark);
  margin-bottom: 15px;
  line-height: 30px;
}

.subheading2 {
  font-size: 26px;
  color: var(--brownDark);
  margin-bottom: 15px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
}

.product-box {
  max-width: 350px;
  padding: 5px 5px 9px 5px !important;
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--brownDark);
  margin: auto;
  text-decoration: none !important;
  transition: 0.3s;
}

.product-box:hover {
  box-shadow: 0px 9px 12px #5640331c;
}

.product-box .product-image {
  aspect-ratio: 3 / 4;
  object-fit: cover;
  width: 100%;
  max-width: 350px;
  object-position: center;
  margin-bottom: 0px !important;
  object-fit: inherit !important;
  aspect-ratio: 157 / 240 !important;
}

.bsection {
  padding: 73px 0px 86px 0px;
}

.product-listing-area {
  width: 100% !important;
}

/* WISH LIST STYLES - start */

.btn-wishlist {
  position: absolute;
  padding: 5px;
     right: 14px;
    top: 22px;
  font-size: 21px;
  line-height: normal;
  cursor: pointer;
  z-index: 1;
}

/* Default style (unselected - regular heart) */
.wishlist-toggle + i {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  color: black;
  transition: color 0.3s;
  font-style: normal;
}

/* When checked - solid heart and green color */
.wishlist-toggle:checked + i {
  font-weight: 900;
  color: #17a067;
}
/* WISH LIST STYLES - end */

.product-box .product-name {
  font-size: 20px;
  margin-top: 19px;
  color: var(--primaryColor);
  line-height: 20px !important;
  text-align: center;
}

.product-box {
  position: relative;
}

.discount-badge {
  position: absolute;
      top: 26px;
    left: 15px;
  text-transform: uppercase;
  background-color: white;
  color: black;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 0px;
  z-index: 2;
}

.price-display {
  margin-top: 5px;
  color: black;
  white-space: nowrap;
  text-align: center;
}

.price-display .original-price {
  color: var(--brownLight);
  font-size: 14px;
  text-decoration: line-through;
}
.product-collection-name {
  font-size: 15px;
  font-weight: 300;
  margin-top: 5px;
  color: #808080;
  text-align: center;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-color: var(--hoverColor);
  border-radius: 3px;
  opacity: 80%;
}
.product-size-available .size-btn {
  background-color: var(--xtraLightbrown);
  height: 24px;
  min-width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding: 3px;
  color: var(--brownDark);
  border-radius: 6px;
  font-size: 12px;
  line-height: normal;
  border: 1px solid var(--brownDark) !important;
  font-family: sans-serif;
}
.product-size-available {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 15px;
  margin-top: 10px;
}

/* selected color code - start  */
.product-color-available {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 15px;
  margin-top: 10px;
}

.color-option {
  position: relative;
}

.color-radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.size-btn {
  height: 24px;
  width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

/* Default state - no border */
.color-radio + .size-btn {
  padding: 0;
}

/* Selected state - add black border and padding */
.color-radio:checked + .size-btn {
  border: 1px solid black;
  padding: 3px;
}

.color-circle {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}

.teal-color .color-circle {
  background-color: #014a54;
}

.rust-color .color-circle {
  background-color: #bd5346;
}

.beige-color .color-circle {
  background-color: #d5a88b;
}

.lightbeige-color .color-circle {
  background-color: #efe3da;
}

.black-color .color-circle {
  background-color: #191615;
}

.peach-color .color-circle {
  background-color: #f4e3d8;
}

.slate-color .color-circle {
  background-color: #3c4b55;
}

.navy-color .color-circle {
  background-color: #131e25;
}

.gray-color .color-circle {
  background-color: #bdc5c8;
}

.teal-color .color-circle {
  background-color: #0a4867;
}

.navy-color .color-circle {
  background-color: #021826;
}

.darkbeige-color .color-circle {
  background-color: #e1cec3;
}

.pink-color .color-circle {
  background-color: #ff91a4;
}

.purple-color .color-circle {
  background-color: #a781af;
}

.orange-color .color-circle {
  background-color: #ffb54d;
}

/* selected color code - end  */

/* Special Offer - Start  */


.special-offer-section {
  height: 80vh;
  background: linear-gradient(
      to right,
      rgb(0 0 0 / 92%),
      rgb(0 0 0 / 2%),
      rgba(0, 0, 0, 0)
    ),
    url("../images/special-offer.webp") no-repeat center center;
  background-size: cover;
  position: relative;
}

.special-offer-section .container {
  position: relative;
  z-index: 2;
}

.special-offer {
  font-family: "Playfair Display", serif;
  color: #ffffff !important;
}

.special-offer-section p {
  color: #ffffff !important;
}

.special-product-name {
  font-family: "ExatCYR";
  font-weight: 400 !important;
}

.common-btn {
  background-color: var(--primaryColor);
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  color: white;
  padding: 12px 32px;
}

.common-btn:hover,
.common-btn:active {
  background-color: #04291d;
}
/* Special Offer - Ends  */

.vm-link {
  color: var(--primaryColor);
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  padding: 12px 32px;
  background: white;
  border: 1px solid var(--primaryColor);
}

.custom-navbar .offcanvas {
  background-color: var(--primaryColor);
}
.custom-navbar .offcanvas .btn-group {
  flex-direction: column;
  width: 100%;
}

/*  Collections Section - Start */
.collections-section {
  background-color: #fff;
}

.collection-box {
  overflow: hidden;
  border-radius: 4px;
  height: 100%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.collection-box img {
  /*height: 475px;*/
  object-fit: cover;
  /*transition: transform 0.5s ease;*/
    height: 475px;
    transition: transform 0.5s ease;
    width: 100%;
    object-position: center;
    /*object-fit: inherit !important;*/
    aspect-ratio: 192 / 256 !important;
}

.collection-box:hover img {
  transform: scale(1.05);
}

.collection-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  color: white;
  text-align: center;
}

.new-collection {
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 0.3rem;
}

.collection-title {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 1.4rem;
}

.c-outline-light {
  color: white;
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  padding: 12px 32px;
  background: transparent;
  border: 1px solid white;
}

.c-outline-light:hover {
  background-color: white;
  color: var(--primaryColor);
}

.collection-title {
  font-family: "Playfair Display", serif;
}

/*  Collections Section - End */

/* testimonials - start */

.testimonials {
  padding: 80px 0;
  background-color: #ffffff;
}

.testimonial-carousel .item {
  padding-top: 12px;
  height: 100%;
  display: flex;
}

.testimonial-box {
  background-color: #fdf9ef;
  padding: 16px;
  border-radius: 0px;
  /* box-shadow: 0 5px 15px rgba(0,0,0,0.05); */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  height: 100%;
  min-height: 190px;
}

.testimonial-text {
  font-size: 14px;
  line-height: 1.6;
  word-break: break-word;
  color: #000000;
  margin-bottom: 20px;
  font-family: "Exatcyr Light", sans-serif;
}

.profile-side-panel h4, .profile-side-panel h6{
    word-break: break-word;
}


.testimonial-author {
  display: flex;
  align-items: center;
  margin-top: auto;
}

.testimonial-dp {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}

.testimonial-username {
  font-weight: 400;
  color: #000000;
}

.testimonials .owl-carousel .owl-item {
  padding: 10px;
}
/* testimonials - end */

.caption-banner .container {
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px;
  padding: 4rem;
}

.caption-banner-box .caption-banner-text {
  display: block;
  font-size: 60px;
  color: var(--brownDark);
  line-height: 56px;
}
.caption-banner-box {
  max-width: 760px;
  margin: auto;
  position: relative;
  margin-right: 0px;
  text-align: start;
  background: linear-gradient(45deg, #efe4ce, #cdc7af80);
  padding: 16px;
  border-radius: 10px;
}
.wby-box {
  background: var(--primaryColor);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 3px 8px #160e0b59;
}
.wby-txt {
  position: absolute;
  font-size: 20px;
  bottom: 10px;
  left: 10px;
  background: var(--xtraLightbrown);
  border-radius: 20px;
  padding: 0px 22px;
  color: var(--brownDark);
}
.wby-img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}
.wby {
}
.wby-custom {
  border-radius: 15px;
  overflow: hidden;
  padding: 10px;
}
.wby-box.b2 {
  background-color: var(--xtraLightbrown);
}
.wby-box .subheading {
  margin-bottom: 0px !important;
}

/* footer starts  */

.green-btn {
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  padding: 11px 37px 11px 37px;
  color: white !important;
  background: var(--primaryColor) !important;
  border: 1px solid var(--primaryColor);
}

.green-btn:hover,
.green-btn:active {
  background-color: #04291d !important;
}

.urban-footer {
  background-color: #edc278;
}

.urban-footer a:hover {
  color: #2c4739 !important;
}

.footer-logo p {
  font-family: "Exatcyr Light", sans-serif;
  color: #5f4e30;
}

.urban-footer .list-unstyled li a {
  font-family: "ExatCYR";
  color: var(--primaryColor) !important;
}

.urban-footer .list-unstyled li a:hover {
  color: #000000 !important;
  cursor: pointer !important;
}

.urban-footer .list-unstyled li a.active {
  color: #000000 !important;
  cursor: pointer !important;
  font-weight: 500;
}

.footer-header {
  font-family: "ExatCYR";
  color: var(--primaryColor) !important;
  opacity: 0.8;
}

.news-text {
  font-family: "ExatCYR";
  color: var(--primaryColor) !important;
  line-height: 24px;
}



.footer-bottom p {
  font-family: "Exatcyr Light", sans-serif;
}

.newsletter-form .btn {
  background-color: #2c4739;
  border: none;
  border-radius: 0;
}

.newsletter-form input {
  border-radius: 0;
  border: 1px solid #053022;
  background: transparent;
  box-shadow: none !important;
}

.newsletter-form input:focus {
  border: 1px solid var(--primaryColor);
  box-shadow: none !important;
}

.social-icons a:hover {
  opacity: 0.8;
}

.social-icons a {
  color: var(--primaryColor);
}

/* footer ends  */

.custom-menu {
  border: none !important;
  padding: 10px;
  border-radius: 2px !important;
  width: 100%;
  min-width: 180px;
}
.custom-menu-heading {
  font-family: "glida";
  font-size: 15px !important;
  margin-bottom: 12px;
  color: var(--primaryColor);
  line-height: normal;
  margin-top: 15px;
  font-weight: 900;
}
.custom-menu a {
  color: white;
  text-decoration: none;
  display: block;
  font-size: 17px;
  font-weight: bold;
  padding: 3px 0px;
}
.custom-menu .container {
  /* max-height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; */
  padding: 1px !important;
}

@keyframes mymove {
  from {
    margin-top: -20px;
    opacity: 0;
  }
  to {
    margin-top: 0px;
    opacity: 1;
  }
}

.actions-area {
  display: flex;
  align-items: center;
  gap: 23px;
  justify-content: end;
  padding-top: 5px;
}
.custom-search {
  font-size: 12px;
  position: relative;
  display: flex;
}

.custom-search input {
  border-radius: 20px;
  font-size: 15px;
  border: none !important;
  box-shadow: none !important;
  background-color: var(--xtraLightbrown) !important;
}
.custom-search a {
  position: absolute;
  right: 1px;
  color: var(--brownDark);
  box-shadow: none !important;
  border: none !important;
}
.nav-custom-link-direct {
  color: var(--secondaryColor);
  min-width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 1px;
  border-radius: 5px !important;
  position: relative;
}
.profile-nav img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50px;
  border: 1px solid var(--brownLight);
}

.custom-menu a:hover {
  color: var(--brownLight);
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--customGray);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #edc278;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #cd9c46;
}

.mtp-sty-new {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}
.mtp-sty-new .mtp-new-link img {
  height: 100%;
  width: 100%;
  max-width: 500px;
  object-fit: cover;
  border-radius: 10px;
}
.mtp-sty-new a:nth-child(2n) img {
  aspect-ratio: 3 / 1 !important;
  max-width: auto !important;
  opacity: 30%;
}
.mtp-sty-new .mtp-new-link:nth-child(3n) img,
.mtp-sty-new .mtp-new-link:nth-child(4n) img {
  aspect-ratio: 5 / 3 !important;
}

.products-sly-banner {
  display: flex;
  gap: 10px;
  overflow: auto;
}
.sly-product-b img {
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  box-shadow: 1px 4px 4px #000000a8;
}
.sly-product-b {
  position: relative;
  overflow: hidden;
  min-width: 150px !important;
  padding-bottom: 10px;
}
.sly-product-b:hover .sly-product-b-text {
  bottom: 15px !important;
}

.sly-product-b .sly-product-b-text {
  background-color: var(--primaryColor);
  color: var(--brownDark);
  font-weight: 800;
  padding: 10px;
  text-decoration: none !important;
  position: absolute;
  bottom: -200px;
  left: 5px;
  width: calc(100% - 10px);
  border-radius: 10px;
  font-size: 21px;
  text-align: center;
  line-height: normal;
  transition: 0.2s;
}

.product-filter {
  min-width: 200px;
  border-right: 1px solid var(--brownDark);
}

.mtpb-1 img {
  height: 100% !important;
}
.mtp-box {
  position: relative;
  display: block;
  height: 100%;
}
.mtp-box img {
  width: 100%;
  object-fit: cover;
  border: 1px solid var(--brownDark);
  aspect-ratio: 4 / 3;
}

.mtpb-2 img {
  height: 250px;
}

.share-icon {
  position: absolute;
  right: 12px;
  top: 12px;
  background: #efe4ce;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 26px;
  border: 3px solid var(--brownDark);
  color: var(--brownDark);
}
#carouselLandingBanner .carousel-item {
  position: relative;
}

#carouselLandingBanner .carousel-item img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}

#carouselLandingBanner .carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  pointer-events: none;
}

#carouselLandingBanner .carousel-control-next-icon,
#carouselLandingBanner .carousel-control-prev-icon {
  background-size: 70% 70% !important;
}

.wby-2 img {
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
}

.wby-2 .col-sm-6 {
  position: relative;
}

span.wby-tag {
  position: absolute;
  bottom: 22px;
  z-index: 16;
  font-family: sans-serif;
  left: 30px;
  font-size: 21px;
  text-transform: uppercase;
}

.custom-footer ul.social-media-listing {
  border-right: 2px solid var(--brownDark);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 133px;
}

.copyrights-area {
  border-top: 1px solid var(--brownDark);
  padding: 35px 10px;
}

.mtp-container a img {
  aspect-ratio: 1 / 2;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.mtp-container a {
  width: 100%;
  border-radius: 10px;
  position: relative;
  padding: 6px;
  border-radius: 5px;
  background-color: var(--secondaryColor);
  text-decoration: none !important;
  color: var(--brownDark);
  display: flex;
  flex-direction: column;
}
.share-icon {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 15px;
  right: 15px;
  background: #efe4ce;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  border-radius: 50px;
  border: 1px solid var(--primaryColor);
  transition: 0.3s;
}
.text-share {
  color: #564033;
  text-decoration: none !important;
  font-size: 18px;
  line-height: 20px;
  margin: 20px 0px;
  display: block;
  padding: 20px 12px;
  display: none !important;
}

.mtp-container .mtp-col:nth-child(even) a {
  margin-top: 30px;
  flex-direction: column-reverse;
}
.mtp-container .mtp-col:nth-child(even) .share-icon {
  top: auto;
  bottom: 15px;
  z-index: 2;
}

.products-listing-banner p {
  font-family: sans-serif;
  color: var(--brownDark);
  font-size: 14px;
}
.products-listing-banner {
  border-bottom: 2px solid var(--brownDark);
}

.confmr-filter {
  color: var(--primaryColor);
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  padding: 9px 32px;
  background: white;
  border: 1px solid var(--primaryColor);
}

.confmr-filter:hover,
.confmr-filter:active {
  background-color: var(--primaryColor);
  color: white;
}

.product-filter .filter-title {
  font-size: 25px;
  margin-bottom: 10px;
  display: block;
  margin-top: 32px;
  color: black;
}
.product-filter .form-check {
  font-size: 14px;
  margin-bottom: 10px !important;
  color: black;
}
.product-filter .form-check input[type="checkbox"] {
  border-radius: 2px !important;
  border-color: var(--primaryColor) !important;
  box-shadow: none !important;
  /* background-color: var(--xtraLightbrown); */
}
.form-check-input:checked {
  background-color: var(--primaryColor) !important;
  box-shadow: none !important;
  border: none !important;
}

.product-filter .form-check .form-check-label {
  line-height: normal !important;
  cursor: pointer;
}
.product-filter .filter-title:first-child {
  margin-top: 0px !important;
}

.product-list-search input {
  background-color: #ffffff00 !important;
  box-shadow: none !important;
  border: none !important;
  font-family: sans-serif;
  font-size: 18px;
}
.product-list-search input::placeholder {
  font-size: 18px;
  font-weight: 300;
  color: #8e8e8e !important;
}

.input-group.product-list-search {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #8e8e8e;
}

.product-list-controls select {
  /* background-color: var(--xtraLightbrown); */
  border: 1px solid var(--primaryColor);
  color: var(--primaryColor);
  font-family: sans-serif;
  padding: 12px 15px;
  max-width: 235px;
      min-width: 174px;
  box-shadow: none !important;
  font-size: 15px;
  border-radius: 0px !important;
  padding: 10px 7px;
  outline: none !important;
}

.product-detail-code {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  display: block;
}
span.product-detail-name {
      font-size: 27px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0px;
    color: var(--primaryColor);
    font-family: "ExatCYR";
    line-height: 34px !important;
    letter-spacing: 0.77px;
}
.product-details-section {
  color: var(--brownDark);
}
.product-details-section .product-size-available .size-btn.outofstock {
  opacity: 70%;
  pointer-events: none;
}
.product-details-section .product-size-available .size-btn.outofstock::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  height: 1px;
  background-color: var(--brownDark) !important;
  transform: rotate(315deg);
}
.product-details-section .product-size-available .size-btn {
  min-width: 28px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0) !important;
    color: var(--primaryColor) !important;
    border: 1px solid var(--primaryColor) !important;
    font-size: 13px;
    max-width: 46px;
    border-radius: 4px !important;
}
.product-details-section .product-size-available .size-btn.active,
.product-details-section .product-size-available .size-btn:active,
.product-details-section .product-size-available .size-btn:focus,
.product-details-section .product-size-available .size-btn:hover {
  background-color: var(--primaryColor) !important;
  color: var(--secondaryColor) !important;
}
.pd-size-title {
  display: inline-block;
  font-family: sans-serif;
  font-size: 17px;
  text-decoration: none !important;
  margin-bottom: 15px;
  color: black !important;
  cursor: pointer;
  border-bottom: 1px solid;
  line-height: 16px;
}
.add-wishlist-btns .btn {
  border: 1px solid var(--primaryColor) !important;
  color: var(--primaryColor) !important;
  border-radius: 0px !important;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 5px !important;
  font-family: "ExatCYR";

}

.add-wishlist-btns .btn:hover {
  background-color: var(--primaryColor);
  color:white !important;
}

.mtp-detailed {
  font-size: 20px;
  font-weight: 500;
  font-family: "ExatCYR";

  margin-top: 40px;
}

.accordion-custom .accordion-item {
  background-color: #ffffff00 !important;
}

.accordion-custom .accordion-button {
  /* background-color: var(--secondaryColor); */
  background-color: #ffffff00;
  color: var(--brownDark);
  font-size: 20px;
  font-weight: 400;
  border-radius: 0px !important;
  border-bottom: 2px solid var(--brownDark);
  padding: 14px 4px;
  box-shadow: none !important;
}
.accordion-custom .accordion-button.collapsed {
  background-color: #ffffff00 !important;
}
.accordion-custom .accordion-body {
  font-size: 15px;
  padding: 15px 0px;    line-height: 27px;
}
.accordion-button::after {
  background: none !important;
  content: "-";
  font-size: 38px;
  display: flex;
  align-items: center;
  transform: rotate(0deg) !important;
  transition: none !important;
  animation: none !important;
  font-weight: 100;
  right: 18px;
  position: absolute;
  top: 15px;
}
.accordion-button.collapsed::after {
  content: "+";
  transform: rotate(0deg) !important;
}

.table-fit td,
.table-fit th,
.table-fit tr {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 14px;
  background: #ff000000;
  border-color: var(--brownDark);
}
.table-fit td:first-child {
  font-weight: 700;
}
.product-detail-img {
  border-radius: 10px;
  max-height: 850px;
  width: 100% !important;
  object-fit: cover;
}
.product-image-tab .nav-pills {
  max-height: 850px;
  overflow: auto;
  flex-wrap: nowrap;
}
/* .product-list-controls select {
  -moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance: none;
}  */

select::-ms-expand {
  display: none !important;
}
.caption-banner-slider .carousel-item img {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
  object-position: center;
}
.caption-banner-slider .carousel-inner {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}

.cart-box {
  background: #f0f0e8;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.cart-box img {
  width: 95px;
  border-radius: 5px;
  height: 150px;
  object-fit: cover;
}
.detailed-desc-cart h6 {
    font-size: 19px;
    font-family: "ExatCYR";
    color: #053022;
    padding-right: 7px;
    padding-bottom: 2px;
}

.detailed-desc-cart .category-name {
  font-size: 14px;
  color: #464646;
}

.feat-list {
  margin-right: 10px;
  background-color: #edc27878;
  color: var(--brownDark);
  font-size: 13px;
  padding: 6px;
  white-space: nowrap;
  font-family: "ExatCYR" !important;
}

.feat-value {
  text-transform: uppercase;
}
.product-c-price {
    font-size: 15px;
    font-weight: 500;
    color: black;
    white-space: nowrap;
    font-family: "ExatCYR Medium";
    display: flex;
    align-items: center;
    gap: 8px;

}

.product-c-price .old-price {
    text-decoration: line-through;
    color: #dfb56e;
    font-size: 0.98em;
}

.product-c-price .current-price {
    color: black;
}

.cart-action-btn {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none !important;
  font-size: 16px !important;
  display: flex;
  align-items: center;
  line-height: 0px;
  padding: 6px;
}

.count-control .btn {
  border-radius: 0px !important;
  background-color: var(--primaryColor);
  border: 1px solid var(--brownDark);
  color: var(--xtraLightbrown);
  font-weight: 900;
  font-size: 27px;
  padding: 1px 4px;
  height: 37px;
  line-height: normal;
  display: flex;
  align-items: center;
}

.count-control input {
  border-radius: 0px !important;
  text-align: center;
  font-size: 20px;
  background-color: var(--secondaryColor);
  border: 1px solid var(--brownDark);
  font-weight: 700;
  box-shadow: none !important;
  height: 37px;
}
.count-control {
  max-width: 200px;
}

.cart-total-box {
  font-family: "ExatCYR Medium";
  background-color: var(--secondaryColor);
  padding: 12px;
  border: 2px dashed #e9bf768a;
  font-weight: 500 !important;
}

.amt-view {
  font-size: 13px;
  /* font-weight: bold; */
}
.amt-view div {
  padding: 3px 1px;
}

.proceed-to-checkout {
  border-radius: 8px;
  padding: 8px 15px;
  font-family: sans-serif;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 9px !important;
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  padding: 15px 37px 15px 37px;
  color: white !important;
  background: var(--primaryColor) !important;
  border: 1px solid var(--primaryColor);
  text-transform: capitalize;
}

.proceed-to-checkout:hover {
  background-color: #04291d !important;
}

.detailed-desc-cart .btn:hover {
  background: var(--primaryColor) !important;
  color: white !important;
}

.empty-cart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  color: black;
  white-space: nowrap;
  font-family: "ExatCYR Medium";
}

.empty-cart i {
  background: #edc278;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px;
  font-size: 47px;
  margin-bottom: 13px;
}

.final-amt {
  font-size: 16px;
  margin-top: 6px;
  color: var(--brownDark);
  border-top: 1px dotted var(--xtraLightbrown);
  padding-top: 6px;
}
.cart-total-box h5 {
  color: var(--brownDark);
}
.subheading-2 {
  font-size: 19px;
    color: var(--brownDark);
    margin-bottom: 25px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
}
.address-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.address-listing .form-check {
  position: relative;
    padding: 0px !important;
    border: 1px dashed var(--primaryColor);
    font-size: 14px;
    border-radius: 4px;
    max-width: 326px;
    line-height: normal;
    font-weight: 400 !important;
}
.address-listing .form-check .address-un {
  display: block;
    line-height: normal;
    margin-bottom: 8px;
    font-size: 18px;
}

.coupon-application-area {
  background-color: var(--secondaryColor);
  padding: 12px;
  border-radius: 10px;
  color: var(--brownDark);
  position: relative;
}
.coupon-application-area .btn-custom {
  color: #fff;
  position: absolute;
  right: 18px;
  font-size: 13px;
  top: 63px;
  border-radius: 5px !important;
}

.address-listing .form-check-label {
  padding: 10px 10px 10px 35px;
  border-radius: 3px;
  height: 100%;
  font-size: 13px;  background: white;

}
.address-listing .form-check-input:checked ~ .form-check-label {
  background: #f8e3bb;
  color: var(--brownDark);
}
.address-listing .form-check-input {
  position: absolute;
  left: 35px;
  top: 9px;
  max-height: 10px;
  font-size: 16px;
  padding: 8px;
}
.coupon-application-area input {
  box-shadow: none !important;
  border: none !important;
  font-size: 16px;
  font-family: sans-serif;
  padding: 10px;
  margin-top: 10px;
  color: var(--brownDark);
}
.checkout .feat-label {
  white-space: nowrap;
}
.caption-banner-slider .carousel-item {
  height: 100%;
}
.nav-item:hover .custom-menu,
.custom-menu:hover {
  animation: mymove 0.3s;
  top: 85%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.view-all-items-link {
  background: var(--primaryColor);
  border-radius: 4px;
  margin-top: 10px;
  text-align: center;
  color: #fff !important;
  font-weight: 200 !important;
}
.view-all-items-link:hover {
  box-shadow: 0px 0px 5px var(--primaryColor);
}

.proceed-py {
  font-size: 14px;
  max-width: 253px;
  padding: 10px;
}

.first-img {
  aspect-ratio: 4 / 2;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  overflow: hidden;
}

.second-img {
  /* position: absolute;
  aspect-ratio: 3 / 2;
  right: 44px;
  bottom: -80px;
  z-index: 1;
  max-width: 45%;
  width: 100%; */

  position: absolute;
  right: -48px;
  bottom: -70px;
  z-index: 1;
  max-width: 43%;
  width: 100%;
  aspect-ratio: 5 / 3;
  border-radius: 10px;
  overflow: hidden;
}
.layout-div-1 {
  min-width: 72%;
  width: 70%;
}
.layout-div-2 {
  width: 40%;
  display: flex;
  /* flex-direction: column; */
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
.layout-div-2 img {
  border-radius: 10px;
  display: block;
}

.layout-div-1 .subheading {
  position: absolute;
  left: 153px;
  top: -35px;
  background: var(--primaryColor);
  color: var(--secondaryColor);
  padding: 16px;
  font-size: 34px;
  border-radius: 10px;
  line-height: 50px;
}

.meet-the-product-ab {
  padding: 7rem 25px 9rem 20px;
}

.layout-div-1 svg {
  fill: currentColor;
  height: auto;
  max-width: 200px;
  transform-origin: center;
  width: 200px;
  position: absolute;
  left: -49px;
  top: -75px;
  color: var(--brownDark);
  font-weight: 900;
  animation: svgrotate linear 10s infinite;
}

@keyframes svgrotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.order-status-page h1 {
  color: var(--brownDark);
  font-weight: 600;
  margin-bottom: 22px;
}
.order-status-page {
  background: url(../images/confetti.gif);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 80vh;
}

/* .order-status-page i {
  font-size: 135px;
  line-height: initial;
  margin-bottom: 25px !important;
  display: block;
  text-shadow: -2px 6px 0px #9b9a6859;
  border: 2px dashed #9b9a68;
  padding: 12px;
  border-radius: 50%;
  height: 180px;
  width: 179px;
  color: var(--primaryColor);
  margin: auto;
  animation: pulsecustom linear 0.3s;
} */

.order-status-page i {
  font-size: 148px;
  line-height: 1;
  margin-bottom: 25px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  /* text-shadow: -2px 6px 0px #9b9a6859; */
  border: 2px dashed #9b9a68;
  padding: 12px;
  border-radius: 50%;
  height: 178px;
  width: 179px;
  color: #096540;
  margin: auto;
  animation: pulsecustom linear 0.3s;
}


@keyframes pulsecustom {
  0% {
    transform: matrix(-1, 0, 0, 1, 0, 4);
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 4);
  }
}

.order-status-page p a {
  font-size: 16px;
  line-height: 25px;
  color: #000;
}
.order-status-page p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 21px;
}
.order-status-page .container {
  background-color: #fdf4dd;
  max-width: 500px;
  padding: 20px;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.track-orderb{
  background-color: #f7e6ba !important;
}

.profile-segment-nav li button{
  background: white;
}

.profile-segment-nav li button:hover {
  background: #efefef !important;
}


.order-lst-box {
  display: flex;
  justify-content: space-between;
  background-color:#f0f0e8;
  text-decoration: none !important;
  font-size: 16px;
  color: var(--brownDark);
  padding: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 20px;
  transition: background-color 0.3s ease;

}

.add-address{
  color: var(--primaryColor);
  font-size: 14px !important;
  font-weight: 500;
  border-radius: 0px;
  padding: 9px 26px;
  background: white;
  border: 1px solid var(--primaryColor);
}

.add-address:hover{
  color: white;
  background: var(--primaryColor);
}



.product-data-ol img {
  min-width: 60px;
  width: 60px;
  height: 100%;
}

.ol-product-properties span {
  background-color: #edc27878;
  color: var(--brownDark);
  font-size: 13px;
  padding: 6px;
  margin-right: 6px;
  white-space: nowrap;
  font-family: "ExatCYR" !important;


}
.ol-product-properties span b {
  text-transform: uppercase;
  font-family: "ExatCYR Medium" !important;

}

.order-lst-box:hover {
  background-color: #f7e6ba;
}

.prod-name-ol {
  font-size: 17px;
    font-family: "ExatCYR";
    color: #053022;
    /* font-weight: 500 !important; */
    line-height: 22px !important;
    display: block;
    margin-bottom: 10px;
}


span.ol-set-label {
  color: var(--primaryColor);
  font-size: 13px;
  font-weight: 400 !important;
  display: block;
}

.ol-ordered-price {
  font-weight: 500;
}

.product-data-ol {
  width: 268px;
}

.track-nav {
  background-color: #f8e3bb;
  padding: 11px 12px;
  border-radius: 5px;
  font-size: 16px;
  margin-top: 10px;
}

.track-nav .order-stat-dsp {
  color: #009bcc;
}
.track-nav b {
  font-weight: 400 !important;
  font-family: "ExatCYR Medium";
}
.stat-display .circle-checker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--brownDark);
  background-color: white;
  margin-bottom: 20px;
  margin-top: -11px;
  z-index: 1;
  position: relative;
}

.order-headingg{
  font-weight: 300 !important;
  font-family: "ExatCYR";
  color: var(--brownDark);
}


.stat-display.over .circle-checker {
  background-color: var(--brownDark) !important;
  border: 2px solid #f6f7e9;
}
.stat-display .dt-track {
  font-size: 12px !important;
  font-weight: 500;
  color: #053022eb;
  font-family: "ExatCYR Medium";

}

.stat-display .stat-description {
  font-size: 13px;
  color: #053022bd;
  line-height: normal;
}
.track-order-stat .progress {
  max-width: calc(100% - 166px);
}
.track-order-stat {
  max-width: 1135px;
  margin: auto;
}
.track-order-stat .progress {
  --bs-progress-bar-bg: #564033 !important;
  background-color: #d5d5d5;
}

.disp-box-2.disp-address {
  font-size: 14px;
  line-height: normal;
}

.progress-stat-box {
  border: 1px solid var(--brownLight);
  padding: 10px;
  margin: 20px 0px;
  border-radius: 5px;
  color: var(--brownDark);
}

.user-credt-box {
  max-width: 55%;
  border-radius: 10px;
  text-align: center;
  padding: 3rem;
  margin: auto;
  color: #000000;
  position: relative;
  background-color: #fdf4dd;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px,
    rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

.user-credt-box::before {
  content: "";
  background: url(../images/);
}

.user-credt-box input,
.user-credt-box select {
  background-color: #ffffff00 !important;
  box-shadow: none !important;
  font-size: 15px;
  border: 1px solid #858585;
  font-weight: 500;
  color: #000000 !important;
  padding: 9px;
  border-radius: 3px !important;
}

.user-credt-box input:focus {
  border-color: var(--primaryColor) !important;
}

.price-text {
  color: black;
}

.input-group-text {
  background-color: var(--primaryColor) !important;
  color: var(--secondaryColor) !important;
  border: 1px solid var(--primaryColor) !important;
}

.user-credt-box label.form-label {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.user-credt-area-link-area a {
  color: #383838;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
}

.user-credt-area-link-area a:hover {
  color: #000000;
}

.disp-address address {
  background-color: var(--secondaryColor);
  padding: 10px;
  border-radius: 3px;
  color: var(--primaryColor);
}

.user-credt-box label a {
  color: #052e21;
  padding: 0px !important;
  background-color: #fdf4dd;
  font-size: 15px;
  margin-left: 4px;
  border: none !important;
  text-decoration: none;
}

.user-credt-box label a:hover {
  color: black;
}

.otp {
  text-decoration: underline;
}

.user-cred-area .btn-custom {
  background-color: var(--primaryColor) !important;
  color: var(--secondaryColor) !important;
  font-size: 15px !important;
  border-radius: 4px;
}

.user-cred-area .btn-custom:hover {
  background-color: #04291d !important;
}

.user-credt-box label {
  font-size: 15px;
  line-height: normal;
}

.main-search {
  overflow: hidden;
  justify-content: end;
  width: 33px;
  cursor: pointer;
  margin-top: 8px;
  transition: 0.3s;
}

.main-search.active {
  width: 200px !important;
  min-width: 200px;
}

.main-search input {
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 700;
  transition: 0.3s;
  border: none !important;
  background: none !important;
}

.main-search.active input {
  border: none !important;
  background: white !important;
}

.main-search.active input:focus {
  border: 1px solid var(--primaryColor) !important;
}

.main-search .search-area-expand-dst {
  opacity: 0%;
}
.main-search.active .search-area-expand-dst {
  opacity: 100%;
}

.career-side-banner {
  background-image: url(../images/career-bg.jpg);
  color: var(--secondaryColor);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-size: cover;
  min-height: 390px;
  border-radius: 5px;
}

.career-side-banner h3 {
  font-size: 52px;
  text-align: center;
  line-height: 45px;
  font-weight: 700;
  border: 2px solid;
  padding: 2rem;
}

.careers-bx {
  font-size: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--brownDark) !important;
  font-weight: 800;
}

.careers-bx a {
  color: var(--primaryColor);
}

.offers-scroll p {
  text-align: center;
  color: black;
  margin-bottom: 0px !important;
  max-width: 340px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin: auto;
  font-size: 14px;
}

.offers-scroll p::first-letter {
  text-transform: uppercase;
}


.offers-scroll a {
  border-bottom: 1px solid !important;
  color: var(--xtraLightbrown) !important;
  margin-left: 5px !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: 0.3s;
}

.offers-scroll a:hover {
  color: var(--brownLight) !important;
}

.offers-scroll button span {
  width: 15px !important;
  height: 15px !important;
  background-size: 90%;
}

.offers-scroll {
  box-sizing: border-box;
  padding: 5px;
  background-color: var(--lightWhite);
}

.offers-scroll .carousel-control-prev,
.offers-scroll .carousel-control-next {
  width: 15px !important;
}

.custom-navbar.scrolled-nav {
  top: 0;
}

.modal-content {
  background-color: var(--xtraLightbrown);
}

.modal-title {
  text-transform: uppercase;
  /* font-weight: 700; */
}

.otp-input {
  display: flex;
  gap: 10px;
  text-align: center;
}

.otp-input input {
  font-size: 30px;
  font-family: sans-serif;
  text-align: center;
  font-weight: 500;
  color: var(--brownDark);
}
.otp-input input::-webkit-outer-spin-button,
.contact-form input::-webkit-outer-spin-button,
.price-range-manual-box::-webkit-outer-spin-button,
.otp-input input::-webkit-inner-spin-button,
.contact-form input::-webkit-inner-spin-button,
.price-range-manual-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.otp-input input[type="number"],
.contact-form input[type="number"],
.price-range-manual-box input[type="number"] {
  -moz-appearance: textfield;
}

.modal .note {
  border: 1px dashed var(--brownLight);
  padding: 5px;
  display: block;
  background: #edc27854;


}
.modal-header {
  color: var(--brownDark) !important;
  border-bottom:var(--bs-modal-header-border-width) solid #00000057 !important;
}

.modal .form-label {
  color: black;
  /* font-weight: 700; */
}

.orderbg-details{
  background: #fdf4dd;
  padding: 14px 25px 14px 25px;
  margin-top: 24px;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
}

span.item-number {
  position: absolute;
  top: -12px;
  font-family: sans-serif;
  font-size: 11px;
  /* right: -15px; */
  right: calc(50% - 30px);
  background-color: var(--secondaryColor);
  border: 1px solid var(--brownLight);
  color: var(--brownDark);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  border-radius: 7px;
  font-weight: 700;
  min-width: 24px;
  line-height: 17px;
}

.pc-sm-box {
  background-color: var(--brownLight);
  color: var(--brownDark);
  padding: 20px;
  font-size: 20px;
  line-height: normal;
  height: 100%;
}

.pc-sm-box img {
  max-width: 131px;
  width: 100%;
  margin-top: 29px;
  opacity: 50%;
  filter: drop-shadow(2px 4px 6px black);
}

.pc-sm-box ul,
.general-caution ul {
  list-style: none !important;
  padding: 0px !important;
  margin: 0px;
}

.pc-sm-box ul li,
.general-caution li {
  display: flex;
  margin-top: 10px;
  text-align: start;
}

.pc-box-dsp {
  text-align: center;
  padding-top: 110px;
}

.pc-box-dsp h3 {
  position: absolute;
  min-width: 240px;
  padding: 10px;
  background-color: var(--xtraLightbrown);
  border: 1px solid var(--brownDark);
  color: var(--brownDark);
  margin-top: -30px;
  margin-left: calc(50% - 120px);
}

.general-caution {
  border: 1px solid var(--brownDark);
  padding: 20px 30px;
  margin-top: 60px;
}

.general-caution .gc-box {
  background: url(../images/mtp-4.jpg);
  background-size: cover;
  background-position: center;
  height: 100%;
  border-radius: 10px;
  color: #fff;
  font-size: 36px;
  overflow: hidden;
  min-height: 192px;
}

.general-caution .gc-box label {
  max-width: 448px;
}

.gc-box-content {
  background-color: #00000057;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 2rem;
  align-items: center;
}

.general-caution h5 {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--brownDark);
  margin-bottom: 20px;
}
.general-caution li {
  color: var(--brownDark);
}

.faq .accordion-button.collapsed {
  background-color: #fdf9ef !important;
  color: var(--primaryColor) !important;
}
.faq .accordion-button {
  background-color: var(--primaryColor) !important;
  font-size: 16px;
  padding: 17px 15px;
  color: var(--secondaryColor) !important;
  border: 1px solid;
  font-family: "ExatCYR";
}

.faq .accordion-body {
  padding: 17px 15px;
  background-color: #fdf9ef;
}

.faq .accordion-custom .accordion-item {
  margin-bottom: 10px;
}

.contact-form {
  background-color: var(--primaryColor);
  padding: 33px 20px;
  border-radius: 5px;
}

.contact-form input,
.contact-form textarea {
  background-color: var(--primaryColor) !important;
  color: var(--secondaryColor) !important;
  box-shadow: none !important;
  font-size: 17px;
  border-radius: 3px;
  border: var(--bs-border-width) solid #898989ad !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #888;
  font-weight: 300;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border: var(--bs-border-width) solid #ecc074 !important;

  transition: all 0.3s ease;
}

.contact-form i {
  font-size: 17px;
  color: var(--secondaryColor) !important;
  position: absolute;
  right: 12px;
  top: 7px;
}

.contact-form .btn-custom {
  background-color: var(--secondaryColor) !important;
  display: block;
  text-align: center;
}

.contact-support-link span {
  margin-top: 12px;
}

.contact-support-link a {
  color: var(--brownDark);
  text-decoration: none !important;
  border-bottom: 1px solid;
  margin-left: 8px;
}

.contact-form .btn-custom {
  width: 100%;
  margin-top: 35px;
  color: var(--primaryColor) !important;
  font-weight: 600;
  padding: 11px;
  font-size: 17px;
  background-color: #edc278 !important;
  border-radius: 0px !important;

}

.contact-form .btn-custom:hover {
  background-color: #e5b35e !important;
}

.profile-side-panel {
  background-color: #fdf4dd;
  padding: 3rem 2rem;
  width: 100%;
  max-width: 266px;
  text-align: center;
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;

}


.profile-update-area img{
   border: 1px solid #edc278;
  padding: 5px;
  border-radius: 10px;
  width: 160px;
  height: 160px;
  object-fit: cover;
  }


.profile-update-area {
  position: relative;
  border-radius: 50%;
  width: 160px;
  margin: auto;
}
.profile-update-area::after {
      content: "";
    position: absolute;
    right: 10px;
    bottom: 8px;
    background-image: url(../images/upload-icon.png);
    width: 35px;
    height: 36px;
    background-position: center;
    background-size: contain;
}

.profile-update-area input {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 50%;
  opacity: 0%;
}

.profile-segment-nav li button {
  width: 100%;
  color: var(--primaryColor) !important;
  border: 1px solid var(--customGray) !important;
  border-radius: 5px !important;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.profile-segment-nav li button i {
  margin-right: 3px;
  line-height: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-segment-nav li {
  width: 100%;
  margin-top: 20px;
}
.profile-segment-nav li button.active {
  background-color: var(--primaryColor) !important;
  color: var(--secondaryColor) !important;
}

.profile-content-tab-area {
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
  background-color: #fdf4dd;
  padding: 2rem;
}
.profile-content-tab-area .product-box {
  background-color: var(--secondaryColor) !important;
}

.profile-content-tab-area .product-name {
  display: block !important;
}

.track-order-modal .btn-custom {
  max-width: 200px;
}

.profile .order-listing {
  /* max-height: 500px; */
  overflow: auto;
}

.profile {
  font-size: 17px;
  color: #000000;
}
.profile input,
.profile textarea,
.profile select,
.profile input::placeholder,
.profile textarea::placeholder,
.profile select::placeholder {
  border-color: #858585 !important;
  color: #000000 !important;
  box-shadow: none !important;
  font-size: 15px;
  font-weight: 300;
  padding: 9px 8px;
  border-radius: 3px !important;
}

.profile input:focus,
.profile textarea:focus {
  border-color: black !important;
}
.user-edit-actn .btn {
  text-transform: capitalize;
  font-size: 14px;
  margin: 16px 0px;
  border-radius: 3px !important;
  padding: 10px 17px;
  min-width: 109px;
  background: #edc27854;
  border: 1px solid #edc27854;
  color: var(--brownDark);
  font-weight: 400 !important;
  font-family: "ExatCYR" !important;
}

.user-edit-actn .btn:hover {
  background: #edc27870;
  border: 1px solid #edc27870;
}

.chngepw {
  background: #fdf9ef;
  border: 1px solid #e9bf768a !important;
}

.user-edit-actn .custom-2 {
  font-size: 14px !important;
  font-weight: 300 !important;
  border-radius: 0px !important;
  padding: 9px 37px 11px 37px !important;
  color: white !important;
  background: var(--primaryColor) !important;
  border: 1px solid var(--primaryColor);
  font-family: "ExatCYR" !important;
}
/* .user-edit-actn .btn:hover img {
  filter: brightness(15);
} */
.prod-price-main-display {
  display: block;
    font-size: 20px;
    color: #000000;
    line-height: normal;
}

.about-us {
  color: var(--brownDark) !important;
}

.abt-titl-spec {
  margin: 20px 0px;
  padding-top: 19px;
  font-size: 26px;
}

.about-us p,
.about-content p {
  font-size: 15px  !important;
  /* color: var(--brownDark) !important; */
}

.story-text{
  color: #e9b661;
}

.about-content img {
  object-fit: cover;
    border-radius: 7%;
    border: 5px solid #edc278;
    position: relative;
    z-index: 1;
    aspect-ratio: 4 / 4;
}

.abt-content-2 {
  background-image: url(../images/mission.webp);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
}

.abt-content-2 .container {
  position: relative;
  z-index: 2;
}

.dropback-custom {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #edc27866;
}

.abt-content-2 p {
  color: var(--secondaryColor);
  font-size: 23px;
}

.ot-box-c .img-area {
  background-color: var(--secondaryColor);
  background-image: url(../images/image-icon.svg);
  background-size: 35%;
  background-position: center;
  aspect-ratio: 2 / 1.6;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.ot-box-c .img-area img {
  object-fit: cover;
}

.our-team .owl-nav {
  display: none !important;
}

.our-team .owl-theme .owl-dots .owl-dot span {
  margin-top: 40px !important;
  margin: 5px;
  background-color: #c5bf9b !important;
}

.our-team .owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--primaryColor) !important;
}

.counter-box .counter-value-anm {
  font-size: 4rem;
  line-height: normal;
  font-weight: 500;
  color: var(--primaryColor);
  font-family: "Playfair Display", serif;

}

/* .counter-box {
  background-color: var(--secondaryColor) !important;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%; */
  /* background-image: url(../images/moa-pattern.png); */
  /* background-image: url(../images/test2.png);

  border-radius: 10px;
} */

.counter-box {
  background-color: var(--secondaryColor) !important;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  border-radius: 10px;
  background-image: url(../images/test2.png);
  background-repeat: no-repeat;
  background-position: 74% 26%;
  background-size: cover;
}

.counter-box label {
  font-size: 26px;
  color: #262626;
}

.abt-video-segment iframe {
  aspect-ratio: 7 / 3;
}
.mtt-box {
  color: var(--brownDark) !important;
  margin-bottom: 3.5rem;
}

.mtt-box p {
  border-left: 4px solid var(--customGray);
  padding-left: 25px;
  margin: 35px 0px;
}

.mtt-box .btn-custom {
  text-transform: capitalize;
  font-family: "cormorant";
  font-weight: 800;
  border: 2px solid;
}

.mtt-emp-img img {
  width: 222px;
  height: 233px;
  object-fit: contain;
}

.mtt-emp-img {
  /* background-image: url(../images/moa-pattern.png); */
  background-size: cover;
  background-position: center top;
  margin-bottom: 10px;
}

.fs-18 {
  font-size: 20px !important;
}
.text-custom-dark {
  color: var(--brownDark) !important;
}

.readmore-modal {
  color: var(--brownDark) !important;
}

.custom-footer a:hover {
  color: var(--brownLight) !important;
}
.custom-footer a.active {
  color: var(--primaryColor) !important;
  border-bottom: 1px solid var(--brownLight) !important;
}

.error-box {
  font-size: 21px;
  background-image: url(../images/error.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  text-align: center;
  padding: 2rem 10px;
}

.error-box {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.error-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/error.webp) center/cover no-repeat;
  filter: blur(1.2px);
  z-index: -1;
}

.error-content {
  position: relative;
  z-index: 2;
  font-size: 21px;
  color: white;
}

.error-page h1 {
  font-size: 10rem;
  text-align: center;
  color: var(--primaryColor);
}
.error-page h1 b {
  color: var(--primaryColor) !important;
}

.er-sub-title {
  display: block;
  text-align: center;
  font-size: 34px;
  color: #2d2a27;
  letter-spacing: 9px;
}

.error-content p {
  font-weight: 300;
  font-family: "Exatcyr Light", sans-serif;
  font-size: 17px;
}

.abt-img-box img {
  max-width: 450px;
  margin: auto;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 35px;
  outline: 2px solid #efe4ce;
  outline-offset: -20px;
  width: 100%;
  aspect-ratio: 4 / 5;
  border: none !important;
}
.abt-img-box {
  position: relative;
  padding: 3rem 20px;
}
/* .abt-img-box::after{
  content: "";
  position: absolute;
  width: 65%;
  height: 49%;
  background-image: url(../images/moa-pattern.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  right: -67px;
  top: -73px;
}

.abt-img-box::before{
  content: "";
  position: absolute;
  width: 65%;
  height: 49%;
  background-image: url(../images/moa-pattern.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: -59px;
  bottom: -79px;
  transform: rotate(242deg);
} */

.khadhi-type-box {
  background-color: var(--brownLight);
  color: var(--brownDark);
  padding: 20px;
  border-radius: 15px;
  height: 100%;
}

.khadhi-type-box p {
  color: var(--brownDark) !important;
  font-size: 18px !important;
  line-height: normal;
  margin-bottom: 0px !important;
}

.khadhi-type-box label {
  position: relative;
  color: var(--brownDark);
  font-size: 22px;
  font-weight: 600;
  left: -19px;
  text-transform: uppercase;
  top: -33px;
  padding: 7px 25px;
  background: var(--brownLight);
  border-radius: 28px;
}

.navbar-brand {
  padding: 0px !important;
  margin-right: 2px !important;
}
.detailed-desc-cart select {
  background-color: var(--secondaryColor);
  color: black !important;
  box-shadow: none !important;
  font-size: 13px;
  font-family: "ExatCYR";
  letter-spacing: 1px;
  padding: 6px 5px;
  line-height: normal;
  /* max-width: 99px; */
  max-width: 100% !important;
    width: auto !important;
    padding-right: 32px;
}

.mrp-msg {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: var(--brownLight);
  line-height: normal;
}

.price-range-manual-box input {
  color: var(--primaryColor);
  font-size: 14px;
  font-weight: 500;
  /* background-color: var(--xtraLightbrown) !important; */
  border: 1px solid var(--primaryColor) !important;
  box-shadow: none !important;
  padding: 5px !important;
  border-radius: 4px;
}

.price-range-manual-box a {
  color: var(--primaryColor) !important;
  font-weight: 500;
}

.price-range-grp .btn-custom {
  padding: 0px 8px;
  border-radius: 4px;

  font-size: 21px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primaryColor);
}

.mw-200 {
  max-width: 200px;
}

.modal {
  color: black;
}

.form-control{
  box-shadow: none !important;
  font-weight: 300 !important;
    font-size: 14px;
}

.form-control:focus{
  border: 1px solid black !important;
  border-radius: 3px !important;
}

.modal-siteload .modal-sub-link {
  color: var(--primaryColor);
  text-decoration: none !important;
  font-weight: 600;
}
.product-image-tab .nav-pills .nav-link {
  padding: 0px !important;
  max-width: 90px;
  min-height: 90px;
  overflow: hidden;
  aspect-ratio: 1/1;
}

.product-image-tab .nav-pills .nav-link img {
  aspect-ratio: 1/1 !important;
  height: 100%;
  border-radius: 0px !important;
}

.product-image-tab .nav-pills .nav-link.active {
  opacity: 50%;
}

.lightbox-carousel .ratio {
  background-color: #ffffff00 !important;
  height: 95vh !important;
  min-height: 600px;
}

.lightbox .modal-dialog {
  width: auto !important;
  --bs-modal-width: unset;
}
.detailed-desc-cart .btn {
  font-size: 14px !important;
  padding: 7px;
  border: 1px solid #05302287 !important;
  border-radius: 4px !important;
  background: #e2d9be00 !important;
  color: var(--primaryColor) !important;
}

.add-wishlist-btns {
  max-width: 570px;
  display: flex;
}


.out_of_stock {
  color: #053022f0 !important;
    font-family: "ExatCYR";
    font-weight: 500;
    font-size: 23px;
    opacity: 50%;
    margin-top: 10px;
}


.input-group.product-list-search input {
  border : none !important
}
.input-group.product-list-search input:focus {
  border : none !important
}

.doa-cod-checker {
  border: 2px solid #dfa848ad;
    border-radius: 5px;
    background: #f8e4bc7a;
}

.doa-cod-checker h4{
  font-family: "ExatCYR";
  color: black;
}

.doa-cod-checker .btn {
  background-color: var(--primaryColor) !important;
  color: white !important;
  border-radius: 3px !important;
}

.doa-cod-checker .btn:hover {
  background-color: #04291d !important;

}

.ul-cod{
  font-weight: 500 !important;
  color: black !important;
  font-family: "ExatCYR";

}

.fancybox__container {
  --fancybox-bg: rgb(24 24 27 / 68%) !important;
}
.fancybox__carousel {
  max-width: 700px;
  width: 100% !important;
  margin: auto;
}
.fancybox__toolbar__column.is-left {
  display: none !important;
}
.fancybox__toolbar__column.is-right {
  justify-content: center !important;
}

.doa-cod-checker input {
  font-size: 18px;
}

.product-img--main {
  position: relative;
  overflow: hidden;
  /* margin-bottom: 30px; */
  float: left;
  margin: 0px;
  border-radius: 10px;
  cursor: crosshair;
  transition: 0.1s !important;
  width:100%;
}

.product-img--main__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  border-radius: 10px;
  overflow: hidden;
}

.ms-tp-icon {
  width: 25px;
  height: 25px;
  margin-right: 0px;
}

.gp-box {
  color: var(--brownDark);
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  font-weight: bold;
  display: flex;
  gap: 10px;
  font-size: 13px;
  align-items: center;
}

.gp-box span {
  font-size: 13px;
  font-family: "glida";
}

.gp-icon-area {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-direction: column;
  min-width: 110px;
  text-align: center;
}

.prod-price-main-display {
  display: flex;
  align-items: center;
  gap: 10px;
}

.orig-pric-bo {
  color: #dfb56e;
  text-decoration: line-through;
  font-size: 16px;
}

.off-percentage {
  /*font-size: 14px !important;*/
  /*line-height: 23px;*/
  /*color: #000000;*/
    line-height: 22px;
    font-size: 12px !important;
    display: inline-block;
    background-color: rgb(211 30 30);
    color: rgb(255 255 255);
    padding: 0px 11px 0px 12px;
    border-radius: 17px;
    text-transform: uppercase;
    border: none;
}

#product-accordion .accordion-item{
   border: none !important;
 }


 #product-accordion  .accordion-item .accordion-header .accordion-button{
  padding:14px 0px !important;
 }


.share-btn {
  font-size: 15px !important;
  padding: 2px !important;
  font-family: sans-serif;
  border-bottom: 1px solid;
  margin-bottom: 5px;
  border-radius: 0px !important;
  /* margin-left: 25px; */
  margin-bottom:15px;
  color: black;
}

.share-btn:hover{
  border-bottom-color: black !important;
}

.share-btn i {
  transform: rotateY(180deg) !important;
  margin-right: 10px;
  font-size: 22px;
  line-height: 10px;
}

.user-credt-box .nav-pills button,
.user-credt-box .nav-pills button {
  background-color: transparent !important;
  color: var(--primaryColor) !important;
  font-weight: 500 !important;
  padding: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 3px !important;
  border: 1px solid var(--primaryColor);
}

.user-credt-box .nav-pills button.active {
  background-color: var(--primaryColor) !important;
  color: #ffffff !important;
  border-radius: 3px !important;
  font-weight: 500;
}

.user-credt-box .nav-pills button:hover,
.user-credt-box .nav-pills button:hover {
  color: white !important;
  background-color: #04291d;
}

.welcome {
  color: var(--brownDark) !important;
}

.createbtn:hover {
  background-color: transparent !important;
}

.user-credt-box .tab-content {
  border: 1px solid var(--primaryColor);
  padding: 20px;
  border-radius: 10px;
  margin-top: 21px;
}

.user-credt-box .nav-pills button.active::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -28px;
  background-color: #f6f7e9;
  border: 1px solid #564033;
  border-right: none;
  border-bottom: none;
  transform: rotate(45deg);
}

.social-media-login a {
  text-decoration: none !important;
  background: #ffeed2;
  padding: 6px;
  font-weight: 500;
  border-radius: 3px;
  color: var(--brownDark) !important;
  display: flex;
  align-items: center;
  transition: background 0.3s ease, color 0.3s ease;
}

.social-media-login a:hover {
  background: #ffe7bd;
}

.social-media-login {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}

.social-media-login a img {
  width: 20px;
  margin-right: 7px;
}

.or-border {
  border-bottom: 1px solid #b69574;
  line-height: 0px;
  max-width: 58px;
  color: #2b2b2b;
  margin: auto;
  margin-top: 35px;
}

.or-border span {
  background-color: #fdf4dd;
  padding: 5px 6px;
  font-weight: 500;
}

.size-chart-detailed-modal .tab-content img {
  max-width: 500px;
  margin: auto;
  width: 100% !important;
  margin-bottom: 20px;
  object-fit: contain;
  border-radius: 10px;
}
.current-fit img {
  max-height: 300px;
  display: block;
}

.other-fits img {
  max-height: 175px;
  display: block;
  margin: auto;
}
.other-fits {
  text-align: center;
  background: #ffffff96;
  border-radius: 20px;
  min-width: 166px;
  padding: 16px;
}

.size-chart-detailed-modal .nav-link {
  background: #efe4ce !important;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primaryColor);
  box-shadow: none !important;
  border: none;
}
.size-chart-detailed-modal .nav-link:hover {
  color: var(--brownDark) !important;
}
.size-chart-detailed-modal .nav-link.active {
  border-bottom: 4px solid var(--brownDark) !important;
  color: var(--brownDark) !important;
  border-radius: 0px !important;
}

.size-chart-detailed-modal .nav-tabs {
  margin-bottom: 20px !important;
  border-bottom: 1px solid var(--brownLight) !important;
}

.size-metric-ul .nav-link,
.size-metric-ul .nav-link.active {
  font-size: 10px;
  padding: 8px;
  border-width: 2px !important;
}

.gp-icon-area img {
  height: 40px;
  width: 100%;
  object-fit: contain;
}

.gp-box p {
  margin-bottom: 0px !important;    margin-left: 10px;
}

.nav-pills.nav-link-insty .nav-item .nav-link {
  padding: 0px !important;
  background-color: #fdf9ef;
  font-size: 15px;
  margin-left: 4px;
  border: none !important;
}

.nav-pills.nav-link-insty .nav-item .nav-link:hover {
  color: #000000 !important;
}

.nav-pills.nav-link-insty .nav-item .nav-link::after {
  display: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

#carouselLandingBanner .carousel-indicators button {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50%;
  border: 1px solid var(--primaryColor);
}

.color-box-dsp {
  width: 14px;
  display: block;
  height: 14px;
  border-radius: 3px;
}

.color-filter-label {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 23px;
}

.current-address-label {
  display: inline-block;
  background: #56403329;
  padding: 7px;
  font-size: 13px;
  color: #564033;
  border-radius: 3px;
  margin-top: 10px;
  /* font-weight: 600; */
}

.address-listing .form-check-input:checked ~ .form-check-label span {
  color: var(--brownDark) !important;
}

.form-check-label .form-check {
  margin-top: 15px;
  font-size: 15px;
  transition: 0s !important;
  border: none !important;
}

.form-check-label .form-check input {
  top: 6px !important;
}

.gp-container {
  border-top: 1px solid var(--brownDark);
}
.moreoption {
  display: none;
  transition: 0s !important;
}
.moreless-button {
  color: var(--primaryColor);
  font-weight: 500;
  margin-bottom: 20px;
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
}

.navbar-toggler {
  border: none !important;
  font-size: 30px;
  box-shadow: none !important;
}
.canvas-nav-brand {
  display: block;
  width: 174px;
}
.filter-icon img {
  max-width: 20px;
  filter: brightness(0) invert(0);
}

.search-cst-area ul {
  line-height: 30px;
  color: var(--brownDark);
  margin-top: 10px;
  list-style-type: none !important;
  padding: 20px !important;
}
.search-cst-area .btn,
.search-cst-area a {
  color: var(--brownDark) !important;
  text-decoration: none !important;
}
.search-cst-area ul li {
  border-top: 1px solid #5321141c;
  padding: 3px;
  font-size: 14px;
}

.actions-mob-footer img {
  width: 30px;
  margin-bottom: 4px;
}

.actions-mob-footer a {
  text-decoration: none !important;
  flex-direction: column;
  align-items: center;
  display: flex;
  color: #000000c9 !important;
  font-size: 10px !important;
  position: relative;
  text-transform: uppercase;
}

.actions-mob-footer {
  padding: 17px 30px 11px 30px !important;
}
.filter-mob-title {
  display: none;
}
.product-det-area-ctrl select {
  background: url("../images/chevron-down.svg");
  background-position: right 5px top;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: 11%;
}
.navbar-toggler {
  padding: 0px !important;
}

/* Swiper custom styles */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  position: relative;
  height: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, -10px) !important;
  top: var(--swiper-navigation-top-offset, 40%) !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, -10px) !important;
  top: var(--swiper-navigation-top-offset, 40%) !important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 30px !important;
  height: 30px !important;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  background: white;
}

.swiper-button-next:after {
  font-size: 11px !important;
}

.swiper-button-prev:after {
  font-size: 11px !important;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "\f054" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.swiper-button-next2,
.swiper-rtl .swiper-button-prev2 {
  right: var(--swiper-navigation-sides-offset, -10px) !important;
  top: var(--swiper-navigation-top-offset, 48%) !important;
}

.swiper-button-prev2,
.swiper-rtl .swiper-button-next2 {
  left: var(--swiper-navigation-sides-offset, -10px) !important;
  top: var(--swiper-navigation-top-offset, 48%) !important;
}

/* swiper end  */

.product-image-wrapper {
  position: relative;
  overflow: hidden;
}

.add-to-cart-btn {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 94%;
  background-color: #ffffff;
  color: var(--primaryColor);
  border: none;
  padding: 10px 0;
  font-weight: 400;
  text-align: center;
  transition: bottom 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  margin: 8px;
  z-index: 2;
}

.add-to-cart-btn:hover {
  background-color: var(--primaryColor);
  color: #fff;
}

 
  

/*a tag add to cart design - start */
.product-image-wrapper {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.add-to-cart {
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    color: var(--primaryColor);
    text-align: center;
    padding: 10px 0;
    font-weight: 400;
    transition: 
        opacity 0.3s ease,
        transform 0.3s ease,
        visibility 0.3s ease,
        background-color 0.3s ease,
        color 0.3s ease;
    z-index: 2;
    text-decoration: none !important;
    box-sizing: border-box;
    border-radius: 0;
}

.add-to-cart:hover {
    background-color: var(--primaryColor);
    color: #fff;
}

.product-image-wrapper:hover .add-to-cart {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/*80%*/
@media (min-width: 1600px) and (max-width: 1799.98px) {
    .add-to-cart {
        left: 0;
        width: 76% !important;
        bottom: 0;
        left: 27px !important;
    }
    
    .footer-logo p {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    
    .copytext {
        font-size: 18px !important;
    }
    .urban-footer .list-unstyled li a {
        font-size: 17px !important;
    }
    .footer-header {
         font-size: 18px !important;
    }
    
}


@media (min-width: 1800px) and (max-width: 1999.98px) {
    .add-to-cart {
        left: 0;
       width: 73% !important;
        bottom: 0;
        left: 38px !important;
    }
}

@media (min-width: 2000px) {
   .add-to-cart {
        left: 0;
               width: 62% !important;
        bottom: 0;
        left: 72px !important;
    }
}

.product-text-box .product-name{
    display: block;
  font-size: 18px;
    margin-top: 0px;
    color: var(--primaryColor);
    line-height: 25px  !important;
    text-align: center;
}



/*a tag add to cart design - end */


.new-arrivals-swiper,
.best-sellers-swiper {
  padding-bottom: 7px !important;
}

.copytext a {
  color: var(--primaryColor);
  text-decoration: none !important;
}

.custom-form-input .custom-file-input-add {
  padding: 0px !important;
  font-size: 26px !important;
  border: 2px dashed #13365c !important;
  height: 70px;
  min-width: 70px;
  background: #13365c0f;
  border-radius: 0px !important;
}
.custom-pagination a {
  background: white !important;
  border-radius: 38px !important;
  color: #303030 !important;
  font-size: 14px;
  border: 1px solid #858585 !important;
  height: 37px;
  min-width: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  box-shadow: none !important;
}

.custom-pagination a:hover {
  background: #ecf2f8 !important;
}

.custom-pagination .pagination {
  gap: 10px !important;
}

.custom-pagination .act-btn {
  margin: 0px 10px !important;
  color: #333333 !important;
}
.custom-pagination .page-item.active a {
  background: var(--primaryColor) !important;
  color: #fff !important;
  border: 1px solid var(--primaryColor) !important;
}

.custom-pagination .page-item a:hover {
  background: #12694c !important;
  color: #fff !important;
  border: 1px solid #12694c !important;
}


.custom-color-picker {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.custom-color-label {
  font-size: 15px;
  color: #000000;
  margin-bottom: 0px;
  line-height: 23px;
  margin-top: 17px;
}

.size-textlabel{
  font-size: 15px;
    color: #000000;
    margin-bottom: 6px;
    line-height: 23px;
    margin-top: 17px;

}

/* colors selecting detail page  */
.custom-color-list {
  display: flex;
  gap: 10px;
}

.custom-color-picker {
  margin: 10px 0;
}

.custom-color-label {
  margin-bottom: 8px;
  font-size: 14px;
}

.custom-color-list {
  display: flex;
  gap: 10px;
}

.custom-color-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #818080;
  cursor: pointer;
  position: relative;
  padding: 2px;
  background-clip: content-box;
  box-sizing: border-box;
  transition: transform 0.2s ease;
}

.custom-color-circle:hover {
  transform: scale(1.1);
}

.custom-color-circle.selected {
  border: 1px solid #000000;
  transform: scale(1.2);
}
/* colors selecting detail page  */


.edit-iconn {
  color: var(--primaryColor);
  transition: color 0.3s;
}

.edit-iconn:hover {
  color: #000;
}




.mission-vision-pd {
  padding: 0px 101px;
}

.mv-container .mv-box {
  width: 100%;
  padding: 19px;
}
.mv-container {
  width: 100%;
  margin: auto;
  background-color: #fff;
  border-radius: 2px;
  overflow: hidden;
}

.mv-box span {
  font-family: "ExatCYR" !important;
  font-size: 41px;
  margin-bottom: 5px;
  display: block;  color: #053022 !important;

}

.mv-box.vision,
.mv-box.vision p {
  background-color: #edc278;
  color: #053022 !important;
  opacity: 100%;
  font-size: 16px !important
}

.mission-text{
  color: #053022 !important;
  opacity: 100%;
  font-size: 16px !important;
  line-height: 24px !important;
}

.mv-box.vision p {
  line-height: 24px !important;

}







.gp-container {
  background-color: #0a0a0a;
  background-image:
    radial-gradient(at 40% 30%, rgba(0, 255, 170, 0.2) 0%, transparent 60%),
    radial-gradient(at 80% 70%, rgba(0, 100, 0, 0.15) 0%, transparent 55%);
  color: #e0e0e0; /* Light text for contrast */
  padding: 3rem 0;
}

.gp-box {
  background-color: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
  padding: 1.5rem;
  flex: 1;
  min-width: 250px;
  transition: transform 0.3s ease;
}

.gp-box:hover {
  transform: translateY(-5px);
  background-color: rgba(0, 255, 170, 0.05);
}

.gp-icon-area {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.gp-icon-area span {
  font-weight: 400;
  font-size: 15px;
  color: #edc278;
  font-family: "ExatCYR";

}

.gp-text {
  font-size: 0.95rem;
  color: #ccc;
}

.gp-icon-area img {
  filter: invert(1);

}

.product-image-tab .nav-pills .nav-link.active {
  background-color: transparent !important;
}

.product-image-tab .nav-pills .nav-link, .product-image-tab .nav-pills .nav-link img {
  aspect-ratio: initial !important;
}



.cart-total-box h6{
  color: var(--brownDark);
}



.detailed-desc-cart select:focus{
  border-color: var(--primaryColor) !important;
}



/* MY order table  -  START  */

.scrollable-table {
  overflow: auto;
  max-width: 100%;
}

.order-table th,
.order-table td {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.order-table-container {
  overflow: hidden;
  position: relative;
}

.order-table-wrapper {
  overflow-x: auto;
  max-height: 457px;
  position: relative;
  height: 100%;
  padding: 10px;
}

.order-table-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.order-table-wrapper::-webkit-scrollbar-thumb {
  background-color: #edc278;
  border-radius: 6px;
}

.order-table-wrapper::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.order-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #c9a066;
  background-color: #fffefc;
}

.order-table-header {
  position: sticky;
  top: 0;
  z-index: 10;
}

.order-table-header-cell {
  background-color: #053022;
  color: #edc278;
  padding: 13px;
  text-align: center;
  font-weight: 500;
  position: relative;
}

.order-table td {
  font-size: 0.95rem;
  color: #1e1e1e;
}

.order-table-header-cell:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #c9a066;
}

.order-table-cell {
  padding: 12px 8px;
  border-bottom: 1px solid #e2d5c2;
  color: #4e3b2c;
  vertical-align: middle;
  text-align: center;
}

.order-table-row:hover {
  background-color: #fdf7ee;
}

.order-action-buttons {
  display: flex;
  justify-content: center;
}

.order-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  font-size: 1rem;
}

.order-action-buttons i {
  font-size: 16px !important;
}

.view-icon {
  color: #b87d4b;
}

.truck-icon {
  color: #053022;
}

.order-price {
  font-weight: 500;
}

.order-discount {
  color: #198754 !important;
}

.order-grand-total {
  font-weight: 500;
  font-size: 0.95rem;
  color: #5e4023 !important;
}

.order-table-header-cell.order-id,
.order-table-cell.order-id {
  width: 180px;
}

.order-table-header-cell.order-date,
.order-table-cell.order-date {
  width: 131px;
}

.order-table-header-cell.order-actions,
.order-table-cell:last-child {
  width: 99px;
}

@media (max-width: 1117px) and (min-width: 992px) {
  .order-table {
    min-width: 685px;
  }

  .order-table-header-cell.order-id,
  .order-table-cell.order-id {
    width: 119px;
  }

  .order-table-header-cell.order-date,
  .order-table-cell.order-date {
    width: 105px;
  }

  .order-table-header-cell {
    padding: 6px;
  }

  .order-table-cell {
    padding: 12px 1px;
  }
}

@media (max-width: 768px) {
  .order-table-header-cell,
  .order-table-cell {
    padding: 10px 8px;
    font-size: 0.9rem;
  }

  .order-button {
    padding: 5px;
    font-size: 0.9rem;
  }
  .order-table {
    min-width: 900px;
  }
   .myorder-select{
        display: block !important;
    }
    
    .myorder-select select {
        min-width: auto !important;
        margin-bottom : 10px !important;
    }
    
}

.order-table-container:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #b87d4b;
  opacity: 0.4;
  z-index: -1;
}

.order-table-container:after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #edc278;
  opacity: 0.6;
  z-index: -1;
}

.order-table-row:last-child .order-table-cell {
  border-bottom: none;
}

.order-table-header-cell.product-col,
.order-table-cell.product-col {
  width: 45%;
  text-align: left;
  padding-left: 16px;
  font-weight: 500;
}

.order-table-header-cell.price-col,
.order-table-cell.price-col,
.order-table-header-cell.qty-col,
.order-table-cell.qty-col,
.order-table-header-cell.amount-col,
.order-table-cell.amount-col {
  text-align: center;
}

@media (min-width: 1200px) and (max-width: 1299px) {
  .order-table-header-cell {
    padding: 9px;
  }

  .order-table td {
    font-size: 0.85rem;
  }

  .order-table-header-cell.order-id,
  .order-table-cell.order-id {
    width: 117px;
  }

  .order-table-header-cell.order-date,
  .order-table-cell.order-date {
    width: 125px;
  }
   .product-text-box .product-name {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  
  
    .urban-footer .list-unstyled li a{  
        font-size: 14px !important;
    }
    
    .footer-header {
        font-size: 14px !important;
    }
    
    .footer-logo p {
            font-size: 15px !important;
        line-height: 22px !important;
    }
    
    
    
    .copytext{
        font-size: 14px !important;
    }
}

@media (min-width: 1300px) and (max-width: 1399px) {
  .order-table-header-cell {
    padding: 9px;
  }
  
  .product-text-box .product-name {
    font-size: 16px !important;
    line-height: 22px !important;
}

  .order-table td {
    font-size: 0.85rem;
  }

  .order-table-header-cell.order-id,
  .order-table-cell.order-id {
    width: 117px;
  }

  .order-table-header-cell.order-date,
  .order-table-cell.order-date {
    width: 125px;
  }
}

/* MY order table  -  END  */



/* strike price - start  */

.price-display {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
    text-transform: uppercase;

}

.price-display .old-price {
  text-decoration: line-through;
  color: #dfb56e;
  font-size: 14px;
  /*padding-top: 1px;*/
    /*font-size: 0.96em;*/

}
/* strike price - end  */


.swiper  .product-name{
    display: block;
    font-size: 20px;
    margin-top: 8px;
    color: var(--primaryColor);
    line-height: 25px !important;
    text-align: center;
}


@media (max-width: 576px) {
   .product-box .product-name,
  .price-display {
    font-size: 15px;
    display: block;
    text-align: center;
    white-space: normal;
  }
  
  .product-text-box .product-name {
    font-size: 19px !important;
    line-height: 21px !important;
  }
  
  .price-display .old-price {
    padding-left: 3px;

    }
    .swiper  .product-name {
        font-size: 19px !important;
        line-height: 21px !important;
    }

}


.swiper-button-next,
.swiper-button-prev {
  color: #000 !important; /* active color */
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  color: #c9c9c9 !important; /* inactive */
}



.cancel-add-address{
    color: #ffffff;
    font-size: 14px !important;
    font-weight: 500;
    border-radius: 0px;
    padding: 9px 26px;
    background: #232323;
    border: 1px solid #232323;
     transition: all 0.3s ease;
}

.cancel-add-address:hover{
    background: #000;
    border: 1px solid #000;
}

.profile input::placeholder, 
.profile textarea::placeholder, 
.profile select::placeholder {
    color: #888888 !important;
}

/* Log out */
#userDropdown {
    color: #fff !important; 
    background-color: transparent;
    border: none;
}

#userDropdown:hover,
#userDropdown:focus {
    color: #fff !important; 
    background-color: transparent;
    box-shadow: none;
}

.dpp-icon{
     font-size: 10px;
    padding-top: 2px;
}


.log-btn .dropdown-menu.show {
    display: block;
    color: #000000;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 400 !important;
    padding: 5px 0px;
    top: 115%;
    border-radius: 3px  !important;
}

.log-btn .dropdown-item.active, .dropdown-item:active {
    color: black !important;
    text-decoration: none;
    background-color: transparent !important;
}

.log-btn .dropdown-item.hover, .dropdown-item:hover {
    color:#053022 !important;
}

.d-inline {
  display: inline;
}


@media (max-width: 991px) {
    .custom-navbar .dropdown-toggle::after {
        content: "\F282";
        font-family: "bootstrap-icons" !important;
        font-weight: normal;
        border: none !important;
        display: inline-block;
        transition: transform 0.2s;
        color: #ffffff !important;
        margin-left: 5px; 
    }

    .custom-navbar .dropdown.show > .dropdown-toggle::after {
        transform: rotateX(180deg);
    }
}


@media (min-width: 768px) { 
    .product-text-box {
        height: 100%;
    }

    .product-text-box .product-name {
        min-height: 48px; 
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
}

.urban-footer .list-unstyled li a{  
    font-size: 16px;
}

.footer-header {
    font-size: 16px;
}

.footer-logo p {
    font-size: 17px;
    line-height: 26px;
}



.copytext{
    font-size: 16px;
}

#trackOrderModal .next-step:hover{
    color: white !important;
    background: var(--primaryColor) !important;
    border: 1px solid var(--primaryColor) !important;
}



@media (max-width: 991px) and (min-width: 768px) {
  .log-btn .dropdown-toggle::after {
    display: none !important;
  }
}


@media (width: 768px) {
  .log-btn .dropdown-menu.show {
    top: auto !important;
    bottom: 115% !important;
    transform: translateY(-5px);
  }
    .actions-area a {
        font-size: 14px !important;
    }
}


.swal-modal {
  border-radius: 14px;
  padding: 28px 30px;
  background: #fff7e3; 
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
  font-family: 'Segoe UI', sans-serif;
}

.swal-title {
  font-size: 22px;
  color: #3d1e0d; 
  margin-bottom: 10px;
  text-align: center;
      font-weight: 600;
    font-family: "ExatCYR" !important;
}

.swal-text {
  font-size: 16px;
  color: #3d1e0d;
  text-align: center;
  margin-bottom: 20px;
      font-weight: 500;
    font-family: "ExatCYR" !important;
}

.swal-button {
  background-color: #edc278 !important;
  color: #3d1e0d !important;
  border: none;
  border-radius: 4px;
  padding: 10px 22px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.2s ease;
}

.swal-button:hover {
  background-color: #f3dca0 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.swal-button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(237, 194, 120, 0.4);
}

.swal-button__loader div {
  background-color: #3d1e0d !important; 
}

.swal-modal {
    border-radius: 8px;
    padding: 15px 19px !important;
    background: #fff7e3;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
    font-family: 'Segoe UI', sans-serif;
}

.swal-title:not(:last-child) {
    margin-bottom: 8px !important;
}

.swal-title {
    font-size: 24px;
    font-weight: bold;
    color: #3d1e0d;
    margin-bottom: 10px !important;
    text-align: center;
}

.swal-footer {
    padding: 0px 0px !important;
}

.swal-icon--success:after, .swal-icon--success:before,
.swal-icon--success__hide-corners{
    background: #fff7e3 !important;
}

.swal-icon--success__ring {
    border: 4px solid hsl(98deg 55% 69% / 66%) !important;
}

@media (max-width: 400px) {
  .swal-modal {
    width: 92% !important;
    max-width: 340px;
    padding: 18px 20px !important;
  }

  .swal-title {
    font-size: 20px;
  }

  .swal-text {
    font-size: 15px;
  }
  .new-arrivals-swiper,
    .best-sellers-swiper {
      padding-bottom: 36px !important;
    }
    
    .off-percentage {
      font-size: 13px !important;
    }
    
    .actions-area img[alt="home"] {
      width: 33px !important;
      margin-bottom: 2px !important;
    }


    .prod-price-main-display {
        flex-wrap: wrap;
    }
    
    .cart-list .cart-box-flex.d-flex {
        flex-wrap: wrap;
        overflow: hidden;
        gap: 10px;
    }

}

@media (max-width: 1200px) and (min-width: 1001px) {
  .detailed-desc-cart .feat-list-list {
        display: grid !important;
        margin-bottom: 8px;
    }
    .detailed-desc-cart .d-sm-flex{
        display:block !important;
    }
    .custom-navbar .nav-link {
        font-size: 11px !important;
    }
    .custom-navbar .nav-logo {
       height: 115px;
       max-height: 59px;
    }
    
}


@media (min-width: 1001px) and (max-width: 1199px) {
    .detailed-desc-cart .feat-list-list {
        display: grid !important;
        margin-bottom: 8px;
    }
    .detailed-desc-cart .d-sm-flex{
        display:block !important;
    }
    
    .detailed-desc-cart .price-display {
        justify-content: start;
    }
    
    .price-display .old-price {
     font-size: 15px;
    }


}



@media (min-width: 577px) and (max-width: 1000px) {
    .detailed-desc-cart .feat-list-list {
        display: grid !important;
        margin-bottom: 8px;
    }
    .detailed-desc-cart .d-sm-flex{
        display:block !important;
    }
}


@media (max-width: 1189px) and (min-width: 577px) {
  .custom-carousel img {
      aspect-ratio: 4 / 3 !important;
    }
    .banner-content-area h1 {
        margin: 3px 1px !important;
        font-size: 2rem  !important;
    }
    .banner-content-area p {
        padding: 0px 0% !important;
    }

}


.no-offers{
    visibility: hidden;
    margin-bottom: 25px;
}


.note b{ 
 letter-spacing: 0.78px;
}

@media (min-width: 798px) {
  .cart > .container {
    padding: 0;
  }
}



/*Contact page new design */
.contact .section-subtitle {
    font-size: 1.1rem;
    color: #000000b5;
    max-width: 800px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 25px;
  }


  .contact .info-section {
    background: url(../images/test.jpg) no-repeat center center;
    background-size: cover;
    padding: 65px 0 111px;
    position: relative;
    background-position: 0% 28%;
  }
  
  .icon-y i{
      display:none;
  }

  .contact .info-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at center, rgb(252 245 213) 0%, rgba(255, 255, 0, 0.05) 120%, transparent 60%);
    ;
  }

  .contact-info-box {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    border-radius: 10px;
    padding: 29px 35px;
    border: 1px solid rgba(237, 194, 120, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    height: 100%;
  }

  .contact-info-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(257deg, #037852, #025a41, #003828);
  }

  .info-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .info-item {
    display: flex;
    align-items: center;
    padding: 20px;
    background: rgba(237, 194, 120, 0.08);
    border-radius: 15px;
    transition: all 0.3s ease;
    border: 1px solid rgba(237, 194, 120, 0.15);
    margin-bottom: 6px;
  }

  .info-item:hover {
    background: rgba(237, 194, 120, 0.12);
    transform: translateX(8px);
  }

  .info-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #edc278, #f1d499);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    color: #3d1e0d;
    font-size: 20px;
    box-shadow: 0 6px 15px rgba(237, 194, 120, 0.3);
    transition: all 0.3s ease;
    flex-shrink: 0;
  }

  .info-item:hover .info-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 8px 20px rgba(237, 194, 120, 0.4);
  }

  .info-content {
    flex: 1;
  }

  .info-label {
    font-weight: 500;
    color: #053022;
    font-size: 0.95rem;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }


  .getin {
    width: 100%;
    float: left;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "ExatCYR";
    letter-spacing: 2.3px;
  }

  .info-value {
    color: #3d1e0d;
    font-size: 1.1rem;
    font-weight: 500;
  }

  .info-value a {
    color: inherit;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
  }

  .info-value a:hover {
    color: #edc278;
    border-bottom-color: #edc278;
  }

  .timing-notepad {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    border-radius: 10px;
    padding: 29px 35px;
    border: 1px solid rgba(237, 194, 120, 0.2);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    margin-bottom: 12px;
  }

  .timing-notepad::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(257deg, #037852, #025a41, #003828);
  }

  .spiral-rings {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 25px;
  }

  .spiral-ring {
    width: 15px;
    height: 15px;
    background: linear-gradient(135deg, #3d1e0d, #5d2e1a);
    border-radius: 50%;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(61, 30, 13, 0.2);
  }

  .timing-title {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 800;
    color: #053022;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  .contact-form {
    background-color: var(--primaryColor);
    padding: 39px 43px;
    border-radius: 5px;
    margin: -84px auto;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 6%;
  }

  .contact-form input,
  .contact-form textarea {
    padding: 14px 16px;
    resize :none;
  }

  .contact-form i {
    font-size: 21px;
    right: 12px;
    top: 12px;
  }



  .timing-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    transition: all 0.3s ease;
  }

  .timing-item:hover {
    transform: translateX(10px);
  }

  .timing-day {
    background: linear-gradient(135deg, #053022, #074a37);
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 1rem;
    min-width: 140px;
    text-align: center;
    letter-spacing: 1px;
    z-index: 2;
    position: relative;
  }

  .timing-hours {
    background: linear-gradient(299deg, #edc278, #ffedc7);
    color: #3d1e0d;
    padding: 9px 14px 9px 28px;
    font-weight: 500;
    font-size: 1rem;
    margin-left: -16px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    flex: 1;
    z-index: 1;
  }

  .social-section {
    text-align: center;
  }

  .social-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #053022;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .social-links {
    display: flex;
    justify-content: center;
    gap: 15px;
  }

  .contact-info-box .social-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(319deg, #065a3f, #000000);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #efcb88;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.4s ease;
    box-shadow: 0 6px 20px rgba(5, 48, 34, 0.2);
    position: relative;
    overflow: hidden;
  }

  .contact-info-box  .social-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(237, 194, 120, 0.2), transparent);
    transition: left 0.5s;
  }

  .contact-info-box  .social-icon:hover::before {
    left: 100%;
  }

  .contact-info-box  .social-icon:hover {
    transform: translateY(-8px) scale(1.1);
    box-shadow: 0 12px 30px rgba(5, 48, 34, 0.3);
    color: #f1d499;
  }

  @media (max-width: 768px) {
   .info-value{
       word-break : break-word;
   }
   .contact{
               padding-top: 46px !important;
   }
   
   
   .info-item {
    padding: 17px;
   }

    .form-container {
      padding: 30px;
    }

    .contact-info-box,
    .timing-notepad {
      padding: 25px;
      /*margin-bottom: 30px;*/
    }

.timing-title {
    font-size: 1.4rem;
}
    .timing-item {
      flex-direction: column;
      text-align: center;
    }
    
    .contact-form {
        padding: 30px 21px;
    }


.getin {
    
    font-size: 27px;
    line-height: 1.4;
}
    .timing-day {
      margin-bottom: -5px;
      min-width: auto;
      width: 100%;
       border-radius: 12px 12px 0px 0px;
    }

    .timing-hours {
      margin-left: 0;
      border-radius: 0  0 12px 12px;
      width: 100%;
    }

    .social-links {
      gap: 12px;
    }

    .contact-info-box  .social-icon {
      width: 45px;
      height: 45px;
      font-size: 18px;
    }
  }

  .fade-in-up {
    animation: fadeInUp 0.8s ease-out;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(50px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .stagger-1 {
    animation-delay: 0.1s;
  }

  .stagger-2 {
    animation-delay: 0.2s;
  }

  .stagger-3 {
    animation-delay: 0.3s;
  }

  .contact {
    padding-top: 103px;
  }
  
  
  @media (min-width: 1200px) and (max-width: 1299px) {
 .timing-hours {
        padding: 9px 14px 9px 25px;
        font-size: 0.8rem;
        margin-left: -16px;
    }
    
    .timing-day {
    
        padding: 12px 20px;
        font-size: 0.7rem;
        min-width: 115px;
       
    }

}
  
  @media (min-width: 1300px) and (max-width: 1399px) {

    .timing-hours {
        padding: 9px 14px 9px 25px;
        font-size: 0.8rem;
        margin-left: -16px;
    }
    
    .timing-day {
    
        padding: 12px 20px;
        font-size: 0.7rem;
        min-width: 115px;
       
    }
  }
  
  @media (min-width: 769px) and (max-width: 1024px) {
  .contact {
    padding-top: 67px;
  }
}

  
  @media (min-width: 991px) and (max-width: 1199.98px) {
  .width-c {
    width: 100%;
  }
  .contact {
    padding-top: 81px;
}
}


.profile-content-tab-area .tab-content .row .product-name {
       font-size: 20px;
    margin-top: 9px;
    color: var(--primaryColor);
    line-height: 20px !important;
    text-align: center;
}

.contact-info-box .section-title{
 color: var(--brownDark)
}


.clear-all-filters{
    color: #ffffff;
    font-weight: 300 !important;
    font-size: 18px !important;
    border-radius: 2px;
    padding: 9px 32px;
    background: #053022;
    border: none;
    width: 100%;
    letter-spacing: 1.1px;
    margin-bottom: 10px;
    background: linear-gradient(321deg, #065a3f, #042e20);
    transition: all 0.4s ease;
    cursor: pointer;
      position: relative;
        font-family: "Exatcyr Light", sans-serif !important;

            overflow: hidden;
}

  .clear-all-filters::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        transition: left 0.5s;
    }
    
    .clear-all-filters:hover::before {
        left: 100%;
    }
    
    .clear-all-filters:hover {
        color: #edc278;
    }



.filter-scroll{
    padding-right: 10px;
}


  @media (max-width: 768px) {
      .filter-scroll{
       padding-right: 0px;
      }
  }
  
  
  
  .failed-circle{
      left: 25px;
  }
  
  
  
  
.pay-info-h{
    font-size: 20px;
    font-family: "ExatCYR Medium";
    color: #053022;
    font-weight: 500 !important;
    line-height: 22px !important;
    display: block;
}

.payment-label-t {
    font-weight: 500;
    font-family: "ExatCYR Medium";
}

.total-amtt{
    color: var(--brownDark);
    font-weight: 600;
}

.pay-box{
    border-radius: 3px;
}

.order-details-display .track-orderb .product-data-ol{
      width: 600px;
  }
  
  
@media (min-width: 1300px) and (max-width: 1399px) {
    .order-details-display .track-orderb .product-data-ol {
        width: 431px;
    }

}

@media (min-width: 1200px) and (max-width: 1299px) {
    .order-details-display .track-orderb .product-data-ol {
        width: 431px;
    }

}


  @media (min-width: 992px) and (max-width: 1023.98px) {
  .order-lst-box {
    display: block;
  }
  .order-details-display .track-orderb .product-data-ol {
    
    padding-bottom: 10px;
    }
}

  
@media (max-width: 575.98px) {
  .pay-info-h {
    font-size: 17px;
    line-height: 20px !important;
  }
  
  .orderbg-details {
    padding: 14px 15px 14px 12px;
  }
  
  .order-details-display .track-orderb .product-data-ol {
    width: 100% !important;
}

  .payment-label-t,
  .payment-value {
    font-size: 14px;
  }

  .payment-row {
    flex-wrap: wrap;
    row-gap: 4px;
  }

  .payment-label-t {
    flex: 1 1 42%;
    min-width: 100px;
  }

  .payment-value {
    flex: 1 1 40%;
    text-align: right;
    word-break: break-word;
  }
  .address-listing .form-check {
    width: 100%;
    background: white;
  }
}



.edit-iconn-a {
    color: var(--primaryColor);
    transition: color 0.3s;
    font-size: 17px;
}