:root{
  --primaryColor:#9b9a68;
  --secondaryColor:#f6f7e9;
  --brownDark:#564033;
  --xtraLightbrown:#efe4ce;
  --brownLight:#b69574;
  --customGray:#d0d0ce;
}
.launching-soon{
    color:var(--brownDark);
}
.text-light{
  color: var(--xtraLightbrown);
}
@font-face {
  font-family: frunchy;
  src: url(../fonts/Frunchy.otf);
}

@font-face {
  font-family: glida;
  src: url(../fonts/GildaDisplay-Regular.ttf);
}

@font-face {
  font-family: cormorant;
  src: url(../fonts/CormorantGaramond-Regular.ttf);
}

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

body{
  background-color: var(--xtraLightbrown);
  font-family: cormorant;
}

.custom-navbar{
  background-color: var(--primaryColor);
  box-shadow: 0px 1px 10px var(--brownDark);
  top: 38px;
  transition: 0.2s;
}
.custom-navbar .nav-logo{
  height: 115px;
  max-height: 115px;
  object-fit: contain;
}
.scrolled-nav .nav-logo{
  max-height: 50px;
}
.custom-navbar .nav-link{
  font-family: glida;
  color: var(--secondaryColor);
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  /*font-weight: 600;*/
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.navbar-nav .nav-link:hover,.navbar-nav .nav-item.show .nav-link {
  color: var(--brownDark) !important;
}

.custom-carousel img{
  object-fit: cover;
  aspect-ratio: 7 / 3;
}
section.landing-banner{
  padding: 0px !important;
  background-color: #efe4ce;
  padding-top: 75px !important;
  position: relative;
}

.banner-content-area h1{
  font-family: cormorant;
  color: var(--secondaryColor);
  text-shadow: 0px 1px 5px black;
    font-size: 4.3rem;
    font-weight: 100;
}

.landing-banner .container-fluid{
  overflow: hidden;
}
.banner-content-area{
  /* position: absolute;
  top: 185px;
  z-index: 3;
  right: 30px; */
  position: absolute;
    bottom: 100px;
    z-index: 3;
    /* right: calc(50% - 270px); */
    text-align: center;
    pointer-events: none !important;
}
.banner-content-area .btn-custom{
  background-color: #f6f7e963;
    font-size: 17px !important;
    backdrop-filter: blur(3px);
    font-weight: 600;
}

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

.btn-custom{
  color: var(--brownDark);
  text-transform: uppercase;
  border-radius: 8px;
  padding: 8px 15px;
  font-family: sans-serif;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid var(--brownDark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.btn-custom:hover,.btn-custom:active{
  background-color: var(--brownDark);
  color: var(--xtraLightbrown);
}
.subheading{
  font-family: 'glida';
  font-size: 18px;
  color: var(--brownDark);
  margin-bottom: 25px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 600;
}
.product-box{
  max-width: 350px;
  padding: 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 2px 12px #5640334f;
  /*transform: scale(1.01);*/
}

.product-box .product-image{
  aspect-ratio: 3 / 4;
  object-fit: cover;
  width: 100%;
  max-width: 350px;
  object-position: center;
} 

.btn-wishlist{
  position: absolute;
  padding: 5px;
  right: 15px;
  top: 15px;
  font-size: 26px;
  color: var(--brownDark) !important;
  border: none !important;
  line-height: normal;
}

.product-box .product-name{
  font-size: 20px;
  margin-top: 1px;
  color: var(--brownDark);
  line-height: 20px !important;
}

.price-display{
  font-size: 16px;
  font-family: 'glida';
  margin-top: 5px;
  white-space: nowrap;
}

.price-display .original-price{
  color: var(--brownLight);
  font-size: 14px;
  text-decoration: line-through;
}
.product-collection-name{
  font-size: 17px;
  line-height: normal;
  margin-top: 14px;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  background-color: #9b9a68;
  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;
}

.vm-link{
  font-size: 17px;
  display: flex;
  text-transform: capitalize;
  border-width: 2px solid var(--brownDark) !important;
  font-family: 'glida';
  padding: 5px 15px;
  line-height: normal;
  align-items: center;
}

.subheading.light{
  /* color: var(--xtraLightbrown); */
}

.custom-navbar .offcanvas{
  background-color:#f9f2e8;
}
.custom-navbar .offcanvas .btn-group{
  flex-direction: column;
  width: 100%;
}
.testimonial-box{
  background-color: var(--primaryColor);
  color: var(--brownDark);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  position: relative;
  width:100%;
  margin: auto;
  height:100%;
}
.testimonial-text{
  position: relative;
  display: block;
  font-size: 21px;
  line-height: 25px;
  margin-top: 30px;
}
.testimonial-dp{
  width: 120px !important;
  height: 120px;
  object-fit: cover;
  border-radius: 60px;
  margin-bottom: 20px !important;
  margin: auto;
  position: relative;
  z-index: 2;
  margin-top: -85px;
}
span.testimonial-username {
  font-size: 20px;
  margin-bottom: 11px;
  display: block;
  color: var(--brownDark);
}

.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: 20px;
  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;
}
.custom-footer{
  border-top: 1px solid;
}
.footer-header{
  color: var(--brownDark);
  font-size: 19px;
  margin-bottom: 31px;
  font-weight: 600;
  display: inline-block;
  border-bottom: 1px solid;
  text-transform: uppercase;
  line-height: 17px;
}
.custom-footer ul{
  padding: 0px !important;
  height: 100%;
}

.custom-footer li{
  color: var(--brownDark);
  list-style-type: none !important;
}
.custom-footer li a{
  color: var(--brownDark);
  text-decoration: none !important;
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 19px;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
}
.copyrights-area p{
  color: var(--brownDark);
  display: block;
  margin-bottom: 0px !important;
  text-align: center;
  font-size: 15px;
  line-height: 17px;
  font-family: sans-serif;
}

.copyrights-area a{
  color: var(--brownDark);
  white-space: nowrap;
  text-decoration: none !important;
}

.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: var(--brownDark);
  text-decoration: none;
  display: block;
  font-size: 17px; */
  color: var(--brownDark);
    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: 28px;
  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: var(--brownLight);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--brownDark);
}

.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);
}

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

.testimonials .owl-item{
    display:flex !important;
}

.testimonials .owl-stage{
    display:flex;
    height:100%;
}

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

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

span.wby-tag {
    position: absolute;
    bottom: 16px;
    z-index: 16;
    font-family: 'cormorant';
    left: 30px;
    font-size: 16px;
    text-transform: uppercase;
    color:var(--brownDark);
}

.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);
}

.product-filter .filter-title{
  font-family: 'cormorant';
  font-size: 25px;
  margin-bottom: 10px;
  display: block;
  margin-top: 32px;
  color: var(--brownDark);
  font-weight: 700;
}
.product-filter .form-check{
  font-size: 14px;
  font-family: 'glida';
  margin-bottom: 10px !important;
  font-weight: 700;
  color: var(--brownDark);
}
.product-filter .form-check input[type='checkbox']{
  border-radius: 4px !important;
  border-color: var(--brownDark) !important;
  box-shadow: none !important;
  background-color: var(--xtraLightbrown);
}
.form-check-input:checked{
  background-color: var(--brownDark) !important;
  box-shadow: none !important;
  border: none !important;
}

.product-filter .form-check .form-check-label{
  line-height: normal !important;
}
.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: 500;
    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(--brownDark);
  color: var(--brownDark);
  font-family: sans-serif;
  padding: 12px 15px;
  max-width: 235px;
  box-shadow: none !important;
  font-size: 15px;
  border-radius: 3px !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: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.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: 32px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0) !important;
  color: var(--brownDark) !important;
  border: 1px solid var(--brownDark) !important;
  font-size: 13px;
  max-width: 32px;
  border-radius: 10px !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(--brownDark) !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: var(--brownDark) !important;
  cursor: pointer;
  border-bottom: 1px solid;
  line-height: 16px;
}
.add-wishlist-btns .btn{
  border: 1px solid var(--brownDark) !important;
  color: var(--brownDark) !important;
  border-radius: 0px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 5px !important;
}

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

.mtp-detailed{
  font-size:20px;
  font-weight: bold;
  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: 700;
  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: 19px;
  /* background-color: var(--secondaryColor); */
  padding: 15px 0px;
}
.accordion-button::after{
  background: none !important;
  content: "-";
  font-size: 50px;
  display: flex;
  align-items: center;
  transform: rotate(9deg) !important;
  transition: none !important;
  animation: none !important;
  font-weight: 100;
  right: 18px;
  position: absolute;
  /* height: 100%; */
  top: 13px;
}
.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-flex{
  font-family: 'glida';
  background: #9b9a6826;
  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: 20px;
  color: var(--brownDark);
}

.detailed-desc-cart .category-name{
  font-size: 15px;
  color: var(--primaryColor);
}

.feat-list{
  margin-right: 10px;
  font-size: 12px;
  background: var(--primaryColor);
  color: var(--xtraLightbrown);
  border-radius: 5px;
  padding: 5px;
}

.feat-value {
  text-transform: uppercase;
}
.product-c-price{
  font-size: 15px;
  font-weight: 900;
  color: var(--brownDark);
  white-space: nowrap;
}

.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: "glida";
  background-color: var(--secondaryColor);
  padding: 12px;
  border: 2px dashed var(--xtraLightbrown);
}

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

.final-amt{
  font-size: 16px;
    margin-top: 6px;
    font-weight: 800;
    color: var(--brownDark);
    border-top: 1px  dotted var(--xtraLightbrown);
    padding-top: 6px;
}
.cart-total-box h5{
  color: var(--brownDark);
}
.subheading-2 {
  font-family: 'glida';
  font-size: 20px;
  color: var(--brownDark);
  margin-bottom: 25px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 600;
}
.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: 18px;
  border-radius: 10px;
  max-width: 300px;
  line-height: normal;
}
.address-listing .form-check .address-un{
  display: block;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 8px;
  font-size: 20px;
}

.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;
  background: #9b9a68;
}
.address-listing .form-check-label{
  padding: 10px 10px 10px 35px;
  border-radius: 10px;
  height: 100%;
}
.address-listing .form-check-input:checked~.form-check-label{
  background:var(--primaryColor);
  color: var(--secondaryColor);
}
.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;
}
.wishlisted .btn-wishlist i::before,.remove_from_wishlist i::before{
  color: #c60202 !important;
  content: "\F415" !important;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: #fff;

}


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

.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%;*/
  width:100%;
}
.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;
    top: -29px;
    background: var(--primaryColor);
    color: var(--secondaryColor);
    padding: 16px;
    font-size: 18px;
    border-radius: 10px;
    line-height: 25px;
}

.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;
  display:none !important;
}


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

.order-status-page h1{
  color: var(--brownDark);
  font-weight: 800;
  margin-bottom: 30px;
}
.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;
}

@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{
  color: var(--brownDark);
  font-weight: 600;
}
.order-status-page p{
  font-size: 20px;
    color: var(--primaryColor);
}
.order-status-page .container{
  background-color: var(--secondaryColor);
  max-width: 500px;
  padding: 20px;
  border-radius: 5px;
}

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

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

.ol-product-properties span{
  background-color: var(--primaryColor);
  color: var(--secondaryColor);
  font-family: sans-serif;
  font-size: 12px;
  padding: 6px;
  white-space: nowrap;
}
.ol-product-properties span b{
  text-transform: uppercase;
}

.prod-name-ol{
  font-size: 19px;
  font-weight: 900;
  line-height: 22px !important;
  display: block;
  margin-bottom: 10px;
}
span.ol-set-label {
  color: var(--primaryColor);
  font-family: sans-serif;
  font-size: 13px;
  font-weight: 500 !important;
  display: block;
}
.ol-ordered-price{
  font-family: sans-serif;
  font-weight: 700;
}

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

.track-nav{
  background-color: var(--secondaryColor);
  padding: 11px 12px;
  border-radius: 5px;
  font-size: 16px;
  font-family: sans-serif;
  margin-top: 10px;
}
.track-nav .order-stat-dsp{
  color: #009BCC;
}
.track-nav b{
  font-weight: bold !important;
}
.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;
}
.stat-display.over .circle-checker{
  background-color: var(--brownDark) !important;
  border: 2px solid #f6f7e9;
}
.stat-display .dt-track{
  font-size: 12px !important;
  font-weight: 600;
  font-family: sans-serif;
  color: var(--primaryColor);
}

.stat-display .stat-description{
  font-size: 13px;
  color: var(--brownLight);
  line-height: normal;
  font-family: sans-serif;
}
.track-order-stat .progress{
      max-width: calc(100% - 86px);
}
.track-order-stat .stat-display:last-child .circle-checker::after{
content: "";
    height: 10px;
    width: 82px;
    background-color: #efe4ce !important;
    position: absolute;
    right: -83px;
    top: 2px;
}
.track-order-stat{
  max-width: 1135px;
  margin: auto;
}
.track-order-stat .progress {
  --bs-progress-bar-bg:#564033 !important;
  background-color: var(--secondaryColor);
}

.disp-box-2.disp-address{
  font-size: 18px;
  font-weight: 900;
  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: 525px;
  border-radius: 10px;
  text-align: center;
  padding: 3rem;
  margin: auto;
  color: var(--brownDark);
  position: relative;
  background-color: var(--secondaryColor);
}

.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: 16px;
  border: 1px solid var(--brownLight);
  font-weight: 700;
  color: var(--brownDark) !important;
  padding: 9px;
  border-radius:3px !important;
}

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

.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: 600;
  text-transform: uppercase;
}

.user-credt-area-link-area a{
  color: var(--primaryColor);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none !important;

}

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

.user-credt-box label a{
  color: var(--brownLight);
}

.user-cred-area .btn-custom{
 background-color: var(--brownDark) !important;
  color: var(--secondaryColor) !important;
}
.user-cred-area .btn-custom:hover{
  background-color: var(--primaryColor) !important;
}

.user-credt-box label{
  font-size: 16px;
  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;
}
.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: var(--secondaryColor);
  margin-bottom: 0px !important;
  max-width: 340px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin: auto;
}

.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: 7px;
  background-color: var(--brownDark);
}

.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: 600;
  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;
}
.modal-header{
  color: var(--brownDark) !important;
}

.modal .form-label{
  color: var(--brownDark);
  font-weight: 700;
}

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/gi-new.jpg);
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    color: #fff;
    font-size: 36px;
    overflow: hidden;
    min-height: 365px;
}

.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:var(--secondaryColor) !important;
  color: var(--primaryColor) !important;
}
.faq .accordion-button{
  background-color: var(--primaryColor) !important;
  font-size: 20px;
  padding: 17px 15px;
  color: var(--secondaryColor) !important;
  border: 1px solid;
}

.faq .accordion-body{
  padding: 17px 15px;
  background-color: var(--secondaryColor);
}

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

.contact-form{
  background-color: var(--primaryColor);
  padding: 40px 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: 22px;
}

.contact-form input::placeholder, .contact-form textarea::placeholder{
  color: var(--xtraLightbrown) !important;
}
.contact-form  i{
  font-size: 20px;
  color: var(--secondaryColor) !important;
  position: absolute;
  right: 12px;
  top: 11px;
}

.contact-form input:focus, .contact-form textarea:focus{
  border-color: var(--brownDark) !important;
}

.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{
  background-color: var(--secondaryColor) !important;
  text-transform: uppercase;
  text-align: center;
  border: none !important;
  width: 100%;
  font-family: cormorant;
  margin-top: 35px;
  border-radius: 5px !important;
  color: var(--primaryColor) !important;
  font-size: 25px;
  font-weight: 600;
  padding: 8px;
}
.profile-side-panel{
  background-color: #fff;
  padding:3rem 2rem;
  width: 100%;
  max-width: 300px;
  text-align: center;
}

.profile-update-area{
  position: relative;
  border-radius: 50%;
  width: 160px;
  margin: auto;
}
.profile-update-area::after{
  content: "";
  position: absolute;
  right: 10px;
  bottom: 0;
  background-image: url(../images/upload-icon.png);
  width: 40px;
  height: 41px;
  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,.profile-segment-nav li a{
  width: 100%;
  color: var(--brownDark) !important;
  border: 1px solid var(--customGray) !important;
  border-radius: 5px !important;
  font-size: 18px;
  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{
  background-color: #fff !important;
  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: 20px;
  color: var(--brownDark);
}
.profile input,.profile textarea,.profile select,.profile input::placeholder,.profile textarea::placeholder,.profile select::placeholder{
  border-color: var(--brownDark) !important;
    color: var(--brownDark) !important;
    box-shadow: none !important;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 8px;
}

.profile input:focus,.profile textarea:focus{
  border-color: var(--brownLight) !important;
}
.user-edit-actn .btn{
  text-transform: capitalize;
  font-family: 'cormorant';
  font-size: 16px;
  margin: 16px 0px;
  border-radius: 5px !important;
  padding: 10px 17px;
  min-width: 109px;
}

.user-edit-actn .custom-2{
  background-color: var(--primaryColor) !important;
  color: var(--secondaryColor) !important;
  border-color: var(--primaryColor) !important;
}
.user-edit-actn .btn:hover img{
  filter: brightness(15);
}
.prod-price-main-display {
  display: block;
  font-size: 17px;
  font-family: sans-serif;
  color:var(--primaryColor);
  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: 20px !important;
  color: var(--brownDark) !important;
}

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


.abt-content-2{
  background-image: url(../images/mtp-4.jpg);
  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: #564033bd;
}

.abt-content-2 p{
  color: var(--secondaryColor) !important;
  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;
}

.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: 600;
  color: var(--primaryColor);
  font-family: 'glida';
}

.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);
  border-radius: 10px;
  /* background-position: right; */
}

.counter-box label{
  font-size: 25px;
  color: var(--brownDark);
  font-weight: 700;
}

.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: 267px;
  height: 244px;
  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.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    text-align: center;
    padding: 2rem 10px;
}

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

.er-sub-title{
  display: block;
    text-align: center;
    font-size: 36px;
    color: var(--brownDark);
    letter-spacing: 10px;
}

.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: var(--brownDark) !important;
  font-weight: 600;
  box-shadow: none !important;
  font-size: 12px;
  font-family: 'glida';
  letter-spacing: 1px;
  padding: 6px 5px;
  line-height: normal;
  max-width: 99px;

}

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

.price-range-manual-box input{
  color: var(--brownDark);
  font-family: 'glida';
  font-size: 14px;
  font-weight: 700;
  background-color: var(--xtraLightbrown) !important;
  border: 1px solid var(--brownDark) !important;
  box-shadow: none !important;
  padding: 5px !important;
}

.price-range-manual-box a,.price-range-manual-box .clear_prices{
    color: var(--primaryColor) !important;
    font-weight: 600;
    background: #ff000000;
    text-decoration: underline;
}

.price-range-grp .btn-custom{
  padding: 0px 8px;
  font-size: 21px;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.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%;
  /*height: 92px;*/
  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: 11px !important;
  padding: 7px;
  border: 1px solid #56403333 !important;
  border-radius: 4px !important;
  background: #e2d9be00 !important;
  color: var(--brownDark) !important;
}

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

.doa-cod-checker{
  border: 2px solid #564033;
  border-radius: 10px;
}

.doa-cod-checker .btn{
  background-color: var(--brownDark) !important;
  color: var(--secondaryColor) !important;
}
.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;
}

.btn{
  border-radius: 5px;
}
.doa-cod-checker input{
  font-size: 18px ;
}


.product-img--main {
  position: relative;
 overflow: hidden;
 /* margin-bottom: 30px; */
 float: left;
  margin: 0px;
 /*margin: 10px;*/
 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 .5s ease-out;
   transition: -webkit-transform .5s ease-out;
   transition: transform .5s ease-out;
   transition: transform .5s ease-out,-webkit-transform .5s ease-out;
   border-radius: 10px;
   overflow: hidden;
}

.product-box .product-size-available{
  display: none;
}

.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: 145px;
    text-align: center;
    margin-right: 15px;
}

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

.orig-pric-bo {
  color: #b695748a;
  text-decoration: line-through;
}

.off-percentage{
  font-size: 14px !important;
  line-height: 20px;
  color: #9b9a68;
}

.product-box .price-display span{
  font-size: 14px !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;
  color: var(--brownDark);

}

.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: var(--brownLight) !important;
  color:var(--brownDark) !important;
  font-weight: 700;
  padding: 10px;
  position: relative;
  display: flex;
  justify-content: center;
}

.user-credt-box .nav-pills button.active{
  background-color: var(--brownDark) !important;
  color: var(--secondaryColor) !important;
}

.user-credt-box .tab-content{
  border: 1px solid #564033;
  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;
}
.social-media-login .btn,.social-media-login a{
  text-decoration: none !important;
  background: #efe4ce;
  padding: 6px;
  font-weight: 600;
  border-radius: 3px;
  color: var(--brownDark) !important;
  display: flex;
  align-items: center;
}

.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: #564033;
  margin: auto;
  margin-top: 35px;
}

.or-border span{
  background-color: var(--secondaryColor);
  padding: 5px 6px;
  font-weight: 700;
}

.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: 47px;
  width: 100%;
  object-fit: contain;
}

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


.nav-pills.nav-link-insty .nav-item .nav-link{
  padding: 0px !important;
  background-color: #ffffff00 !important;
  font-size: 16px;
  margin-left: 4px;
}
.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: 5px;
  margin-top: 10px;
  font-weight: 600;
}

.address-listing .form-check-input:checked~.form-check-label span{
  color: var(--secondaryColor) !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: 800;
  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;
}

.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;
}
.main-search input:focus{
  border: 1px solid var(--brownLight) !important;
}
.actions-mob-footer img{
  width: 20px;
  filter: invert(1);
  margin-bottom: 4px;
}

.actions-mob-footer a{
  text-decoration: none !important;
  flex-direction: column;
  align-items: center;
  display: flex;
  color: var(--secondaryColor) !important;
  font-size: 11px !important;
  position: relative;
  text-transform: uppercase;
}

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


.product-listing form{
    display:flex;
    gap:20px;
    width:100% ;
}
.product-listing-area{
    width:100% !important;
}
.caption-banner-box .btn{
    max-width:180px;
}
.wby .col-6{
    position:relative !important;
}

.pagination .page-link{
    background:#efe4ce !important;
    min-width: 40px;
    height: 40px;
    font-size: 14px;
    border-radius: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid  #564033 !important;
    color:  #564033 !important;
    font-family: sans-serif;
    margin:3px !important;
}
.page-item.disabled .page-link{
    opacity:50% !important;
}
.page-item.active .page-link{
    background-color:#564033 !important;
    color:#efe4ce !important;
}
.page-item .page-link:hover {
    background-color: #564033c2 !important;
    color: #efe4ce !important;
}

.terms-conditions p a{
    color:  #9c9a69 !important;
}

.product-size-available{
    align-items:center !important;
}
.product-size-available span:first-child{
    min-width:50px;
}
.product-size-available.btn-group .product_feature_value.product_feature_value_selected{
    background-color: var(--brownDark) !important;
    color: var(--secondaryColor) !important;
    box-shadow: 0px 5px 7px #9b9a68 !important;
        border: 1px solid #efe4ce !important;
}
.in_stock{
    color: #9b9a68 !important;
    font-family: serif;
    font-weight: 700;
    font-size: 19px;
}
.out_of_stock{
    color: #564033 !important;
    font-family: serif;
    font-weight: 700;
    font-size: 19px;
    opacity:50%;
}
.cart-box a{
    text-decoration:none !important;
    color:#504033 !important;
}
.feat-list-list form{
display: flex;
    gap: 10px;
    width: 100%;
    max-width: 400px;
}
.detailed-desc-cart select{
       max-width: 100% !important;
    width: auto !important;
    padding-right: 32px;
}

.nav-link-insty .nav-link{
    font-size: 13px !important;
    margin-left: 4px;
    text-transform: none;
    border: none !important;
    font-family: 'glida';
    display: inline !important;
}

.product-box a{
    text-decoration:none !important;
        color: var(--brownDark);
}

.nav-custom-link-direct i{
    /*pointer-events:none;*/
}

.empty-cart{
        font-weight: 800;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}

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

.user-credt-box label.error{
    position: absolute;
    bottom: -18px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'cormorant';
    color: #ff0000 !important;
}

.price-list-display-sty {
    display: flex;
    align-items:end;
    gap: 0px 10px;
    flex-wrap: wrap;
}

.price-list-display-sty .orig-pric-bo{
    color: #b69574 !important;
}

.price-list-display-sty .off-percentage,.price-list-display-sty .orig-pric-bo{
    font-family: 'glida';
    font-size:13px !important;
}

.price-list-display-sty .price-display{
    margin-top:0px !important;
}

.product-box .product-image{
    margin-bottom:10px !important;
}
.view_cart_btn{
    display:flex;
    align-items:center;
    justify-content:center;
}
.select-address .cart-total-box{
    border: none !important;
    margin-top: 20px;
    border-radius: 10px;
    padding-top:25px ;
}



/*toast box */
.jq-toast-wrap.top-right {
    top: 42px !important;
}

@media (max-width: 768px) {
    .jq-toast-wrap.top-right {
        right: 19px !important;
    }
}


.jq-toast-wrap {
    width: 184px !important;
}

.jq-toast-single {
    font-size: 11px !important;
}

.jq-toast-single h2 {
    margin: 0 0 4px !important;
    font-size: 13px !important;
}

.jq-icon-success,.jq-icon-info {
    background-color: #564033 !important;
    color:white !important;
}
/*toast box */

.fancybox__carousel div,.fancybox__footer div{
    transition:0s !important;
}
.mtp-n-row img{
        aspect-ratio: 3 / 4;
        width: 100%;
        object-fit:cover;
        object-position:center;
}
.cart-list .cart-box{
    margin-bottom:20px !important;
}
/*-----IMAGE GRAIN EFECT REMOVE---*/
.product-box .product-image{
    object-fit:inherit !important;
    aspect-ratio: 157 / 240 !important;
}

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

.product-img--main {
    filter: blur(0.4px);
}
.video-responsive video{
        width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border: none !important;
}

.general-caution .col-lg-5{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.offers-scroll .carousel-item{
        min-height: 25px;
}

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


@media (max-width: 768px) {
    .pd-size-title {
        display: table;
        margin-top: 10px;
    }

    .share-btn {
        margin-left: 0px;
    }
}


/*floating whatsapp icon */

.whatsapp-btn-w {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 3;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  transition: 0.1s;
}

.whatsapp-btn-w:hover {
  background: #1baa4f;
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.whatsapp-btn-w i {
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@media (max-width: 768px) {
  .whatsapp-btn-w {
    right: 18px; 
    bottom: 107px; 
  }
}

/*floating whatsapp icon */