* {
  font-family: sofia-pro-soft, sans-serif !important;
}
html {
  font-size: 14px;
  touch-action: manipulation;
  -ms-touch-action: manipulation;
 
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-size: 16px;
  font-family: sofia-pro-soft, sans-serif !important;
  touch-action: manipulation;
  -ms-touch-action: manipulation; 
}


.popPadding {
  padding: 0 8.5px !important;
}

.pl-DrawerActions {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 500px;
  z-index: 1;
  padding: 8px;
}

.pl-DrawerActions button {
  margin: 0 auto;
}

.pl-DrawerActions button:disabled {
  background-color: rgb(168, 168, 168);
  padding: 10px 70px !important;
}

button {
  outline: none;
}

button:focus {
  outline: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  list-style: none;
}

a {
  color: inherit;
}

a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}

p {
  margin: 0;
}

:root {
  --color-success: #3cb878;
  --error-color: #c4113f;
  --color-sun: #fcab10;
  --text-color: #211e22;
  --light-pink: #f5f5f5;
  --light-grey: #f3f3f3;
  --discontinued: #ff8e6b;
  --backOrder: #7268cd;
  --available: #3792ff;
  --purple-color: #642c47;
  --black-color: #000000;
  --checkmark-color: #49d57a;
  --flashsale-color: #8729c4;
  --yellow-color: #ffc80f;
  --primary-color: #000000;
}


/* CUSTOM CLASSES */

/* colors */

.background-primary {
  background-color: var(--primary-color) !important;
  transition: 0.2s ease-in-out;
}

.background-flashsale {
  background-color: var(--flashsale-color) !important;
  transition: 0.2s ease-in-out;
}

.background-yellow {
  background-color: var(--yellow-color) !important;
  transition: 0.2s ease-in-out;
}

.background-purple {
  background-color: var(--purple-color) !important;
  transition: 0.2s ease-in-out;
}

.background-black {
  background-color: var(--black-color) !important;
  transition: 0.2s ease-in-out;
}

.background-secondary {
  background-color: var(--secondary-color) !important;
  transition: 0.2s ease-in-out;
}
.secondary-color:hover {
  color: var(--secondary-color);
  transition: 0.2s ease-in-out;
}


/* .background- color classes   */
.bg-cream {
  background-color: #f4f4f5;
}
.bg-grey{
  background-color: #e2e2e2;
}
.bg-ddd {
  background-color: #ddd;
}
@media (max-width:768px){

  .mobile-radius{
    border-radius: 0px !important;
  }
}
.bg-light-pink {
  background-color: var(--light-pink);
}
.bg-light-grey {
  background-color: var(--light-grey);
}
.bg-light-pink-onHover {
  transition: background-color 0.3s ease-in;
}
.bg-light-pink-onHover:hover {
  background-color: var(--light-pink);
}
.bg-white {
  background-color: #ffffff;
}
.bg-light {
  background-color: #fafafa !important;
}
.color-error {
  color: var(--error-color);
}
.color-sun {
  color: var(--color-sun);
}
.bg-sun {
  background-color: var(--color-sun);
}
.bg-succ {
  background-color: var(--color-success);
}
.primary-bg{
  background-color: var(--primary-color) !important;
}
.primary-color {
  color: var(--primary-color) !important;
}
.secondary-color {
  color: var(--secondary-color);
}

.flashsale-color {
  color: var(--flashsale-color);
}

.yellow-color {
  color: var(--yellow-color);
}

#productNextArrow {
  right: 0px;
}
#productPrevArrow {
  left: 0px;
}

.fill-primary {
  fill: var(--primary-color);
}

.fill-success {
  fill: var(--checkmark-color);
}

.fill-black {
  fill: var(--black-color);
}

.fill-yellow {
  fill: var(--yellow-color);
}

.color-light-grey {
  color: #9b9b9b;
}
.back-to-top {
  position: fixed;
  right: 12px;
  top: 89%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 12px #ddd;
  cursor: pointer;
  border: 1px solid #ddd;
  z-index: 2;
}

.color-primary {
  color: var(--primary-color);
}

/* gap clasess  */
.gap-1 {
  gap: 1px;
}
.gap-2 {
  gap: 2px;
}.gap-3 {
  gap: 3px;
}.gap-4 {
  gap: 4px;
}
.gap-5 {
  gap: 5px;
}
.gap-6 {
  gap: 6px;
}
.gap-7 {
  gap: 7px;
}
.gap-8 {
  gap: 8px;
}
.gap-9 {
  gap: 9px;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
.gap-21 {
  gap: 21px;
}.gap-22 {
  gap: 22px;
}.gap-23 {
  gap: 23px;
}.gap-23 {
  gap: 24px;
}
.gap-25 {
  gap: 25px;
}


/* margin clasess */
.mr-8 {
  margin-right: 8px;
}

.ml-8 {
  margin-left: 8px;
}
.m-8 {
  margin: 8px;
}

.SocialLinks_itemClass__1vgCI {
  border: 1px solid var(--primary-color) !important; 
  border-radius: 30px !important;
  padding: 10px !important;
}

.ShippingReturnPolicy_shippingTab__DR2di{
  background-color: #F8F9FA !important;
}
.text-color {
  color: var(--text-color);
}

.text-success {
  color: var(--color-success) !important;
}

.section-heading {
  font-size: 1.563rem;
  font-weight: 700;
}

.word-break-all {
  word-break: break-all;
}

.primary-color:hover {
  color: var(--primary-color);
}

.two-lines-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 2.4em;
  line-height: 1.2;
}

.one-lines-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.4em;
}

.z-index-1 {
  z-index: 1;
}

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

.underlined {
  text-decoration: underline;
}

.underline-hovered:hover {
  text-decoration: none;
}
.hyperlink {
  font-weight: 700; 
}

.underline-on-hover:hover {
  text-decoration: underline;
}

.input-lable:hover ~ input {
  box-shadow: inset 0px 0px 17px -2px #80ddfc;
}

.btnBoxShadowOnHover {
  position: relative;
}

.btnBoxShadowOnHover::after {
  content: "";
  position: absolute;
  top: -0px;
  bottom: -0px;
  left: -0px;
  right: -0px;
  border-radius: 50vw;
  box-shadow: 0 3px 6px rgb(34 25 36 / 20%);
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: opacity 0.25s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.btnBoxShadowOnHover:hover::after {
  opacity: 1;
}

.object-fit-contain {
  object-fit: contain;
}

.card-box-shadow {
  box-shadow: 0 3px 6px rgba(34, 25, 36, 0.2);
}

.hover-boxShadow {
  box-shadow: inset 0 0 0 2px transparent;
}

.hover-boxShadow:hover {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.box-shadow {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.color-white {
  color: #fff;
}

.color-error-on-hover:hover {
  color: var(--error-color);
}

.c-pointer {
  cursor: pointer;
}

.transform2On-hover {
  transition: transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: -moz-transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.transform2On-hover:hover {
  transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
}

.transformSmallOn-hover {
  transition: transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
  -moz-transition: -moz-transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.transformSmallOn-hover:hover {
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
}

.max-1780 {
  max-width: 1780px;
  margin: 0 auto;
}

.max-1600 {
  max-width: 1600px;
  margin: 0 auto;
}
.max-1300 {
  max-width: 1600px;
  margin: 0 auto;
}

.max-1200 {
  max-width: 1200px;
  margin: 0 auto;
}

.max-880 {
  max-width: 880px;
  margin: 0 auto;
}

.max-390 {
  max-width: 390px;
}

/* Fonts */
.font-bold {
  font-family: sofiapro-bold;
}
.sofia-pro{
  font-family: sofia-pro, sans-serif  !important;
}
@media (min-width:315px) and (max-width:335px){
  .sofia-pro{
   font-size: 12px !important;
  }
 }
 @media (min-width:336px) and (max-width:376px){
  .sofia-pro{
   font-size: 14px !important;
  }
 }

.font-responsive {
  font-size: inherit;
}

.font-size-100 {
  font-size: 100%;
}

.font-size-1rem {
  font-size: 1rem !important;
}

.font-size-1-25rem {
  font-size: 1.25rem !important;
}

.font-size-1-15rem {
  font-size: 1.15rem !important;
}

.font-size-25 {
  font-size: 1.5625rem;
}

.font-weight-700 {
  font-weight: 700;
}
.font-weight-500 {
  font-weight: 500;
}
.plain-text-normal{
  font-size: 1.25rem;
}

.iconBold {
  font-weight: bold !important;
}
.d-flex-x{
  display: flex;
  justify-content: center;
}
.d-flex-y{
  display: flex;
  align-items: center;
}
.d-flex-x-y{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* buttons */
button:disabled {
  background-color: #ddd !important;
  cursor: not-allowed !important;
  color: #000000 !important;
}
/* select */

.countrySelect {
  width: 100%;
  background: #fff none repeat scroll 0 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDU1IDU2Ij4KPHBhdGggZD0iTTQ0LjU1NyAxOS40OTVjLTIuMDY5IDIuMDY5LTE2LjU1NCAxNi4wMzYtMTYuNTU0IDE2LjAzNnMtMTUuMDAyLTEzLjk2Ny0xNy4wNzEtMTYuMDM2LTMuMTA0IDMuMTA0LTMuMTA0IDMuMTA0bDIwLjE3NSAxOC42MjMgMTkuNjU4LTE4LjYyM2MwIDAtMS4wMzUtNS4xNzMtMy4xMDQtMy4xMDR6IiBmaWxsPSIjNTg1ODU4Ii8+Cjwvc3ZnPg==);
  background-position: right 10px center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding: 22px 28px 5px 10px;
  outline: none;
  text-indent: 0.01px;
  border-radius: 8px;
  transition: 0.25s, border-color 0.25s;
  border: 1px solid #9d9a9f;
}

.selectcountry-hint {
  position: absolute;
  top: 1px;
  left: 10px;
  font-size: 14px;
  font-weight: 100;
  color: grey;
}
.wrapper {
  margin: 0 auto;
}
/* STYLING OF First NAVIGATION */
#first-nav {
  background: transparent;
  padding: 0;
}

.navigation-bar .first-nav-list {
  display: flex;
  align-items: center;
}
/* 
.navbar-top {
  padding-bottom: 0.532rem;
} */

.shrink-0 {
  flex-shrink: 0;
}
.page-title {
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: 1.17045;
  padding: 10px 0;
  position: relative;
}
.white-space-nowrap {
  white-space: nowrap;
}
.white-space-break-spaces {
  white-space: break-spaces;
}
.white-space-pre-line {
  white-space: pre-line;
}

.font-small {
  font-size: 13px;
}
.font-medium {
  font-size: 13px !important ;
}
.checkout-info {
  font-size: 16px;
  color: gray;
}
.no-wrap {
  white-space: nowrap;
}
.header-info-b {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.text-black {
  color: #000;
}
.text-gray {
  color: gray;
}



.first-searchbar {
  max-width: 656px;
  position: relative;
  width: auto;
  min-width: calc(16ch + 56px);
  min-width: 340px;
  order: inherit;
  flex-basis: inherit;
}

.relative {
  position: relative;
}

.right-navT {
  display: flex;
  align-items: flex-start;
}
.flex-grow{
  flex-grow: 1;
}
.linkOutline-on-focus:focus {
  outline: 1px dotted currentColor;
  outline-offset: 1px;
}
.search-sug {
  position: absolute;
  top: 100%;
  left: 8px;
  background: #fff;
  width: 100%;
  max-width: 656px;
  border-radius: 26px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 3;
  max-height: 100vh;
  margin: 0px -8px 0px -8px;
  /* border: 1px solid rgb(231, 231, 232); */
  margin-top: 5px;
}


@media (min-width: 769px) {
  .search-sug{
    margin-top: 10px !important;
    width: 400px;
  }
}
@media (max-width: 768px) {
  .search-sug {
   top: 95% !important;
   border-radius:0 !important;
  }
}

.recentCards {
  margin-top: 12px;
  flex-wrap: wrap;
  align-items: flex-start;
}
.recentCard {
  padding: 4px;
  padding-bottom: 21px;
  padding-left: 0;
  color: inherit;
  max-width: 25%;
  min-width: 19%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding-left: 0;
  margin: 5px;
  margin-left: 0;
  margin-top: 0;
  padding-top: 0;
}
.recentCard:hover > .recentCard-txt > span {
  color: var(--primary-color) !important;
}
.heroBottom-recentImgs {
  max-height: 150px;
  max-width: 250px;
  object-fit: contain;
}

.searchV-header {
  padding: 8px;
  padding-top: 51px;
}

@media (max-width:769px){
  .searchV-header{
    padding-top: 8px !important;
  }
}

.header-popup-icons {
  color: transparent;
  position: relative;
  border-radius: 50%;
  background-color: #f5f5f5;
  -ms-flex-item-align: center;
  align-self: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recentTitle {
  text-align: left;
  padding-left: 8px;
  font-weight: 700;
  font-size: 18px;
}

.searchesLinks {
  display: flex;
  flex-direction: column;
}

.recentSearch-link, .s-other-items {
  color: inherit;
  padding: 6px 13px !important;
  padding-left: 8px;
  border-radius: 5px;
  background: #fff;

  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.hover-border-effects:hover{
  border: 1px solid black !important;
}

@media(min-width:769px){
  .recentSearch-link, .s-other-items {
    margin: 0 auto 5px 0 !important;
  }
}
@media(min-width:769px){
  .margin-adjust {
    margin: 0 0 5px 0 !important;
  }
}
@media(min-width:990px) and (max-width:1030px){
.close-responsive{
  height: 50px !important;
  width: 50px !important;
}}



.recentSearch-link:hover {
  color: inherit;
  background-color: #faf4f5;
}

.recentCard-txt {
  font-size: 13px;
}

.line-20 {
  line-height: 20px;
}

.txt-decrate {
  text-decoration: underline;
}

.textD-hover:hover {
  text-decoration: none;
}

.txt-underline:hover {
  text-decoration: underline;
}

/* fixing the nav on scrool */

.shop-departments-link {
  transition: 0.4s ease;
  position: relative;
  padding: 12px;
}

.hovershop:hover i {
  transform: rotate(180deg);
  transition: 0.4s ease;
}

.department-links-body {
  display: none;
  background-color: #f4f4f5;
  position: absolute;
  box-shadow: 0px 10000px 0px 9999px rgba(0, 0, 0, 0.5);
  width: 240px;
  z-index: 7;
  top: 100%;
}

#shop-department .shop-department-list li {
  display: block;
  margin-top: 5px;
  width: 100%;
}

#shop-department .shop-department-list li a {
  color: rgb(54, 54, 54) !important;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  width: 100%;
  font-weight: 500;
}

#shop-department .shop-department-list li:hover a {
  color: var(--primary-color) !important;
}

.sticky {
  position: fixed;
  background-color: #fff;
  z-index: 5;
  /* text-align: center; */
  display: flex !important;
  align-items: center;
  box-shadow: 1px 1px 17px rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  /* padding: 0 35px; */
  border: none;
  width: 100% !important;
  padding: 6px 7vw;
}

#showStick {
  display: none;
}

.sticky #showStick {
  display: none;
}

.sticky .stickySearchBar {
  padding: 0 !important;
}

.favi-img {
  display: none !important;
}

.sticky li {
  padding: 4px 16px !important;
  display: block !important;
}

.sticky .first-nav-list {
  display: flex;
}

.sticky-cart-icon {
  display: none;
}

.sticky .first-nav-list .d-stick-none {
  display: none !important;
}

.sticky li:nth-child(3),
.sticky li:nth-child(4),
.sticky li:nth-child(5),
.sticky li:nth-child(6) {
  display: none !important;
}

.sticky li:nth-child(7) {
  margin-left: auto;
}

.sticky .shop-department-list li {
  display: block !important;
}

.sticky li:nth-child(8) {
  margin-left: auto;
}

.sticky li:nth-child(1) {
  display: block !important;
}

.sticky li:nth-child(1) .shop-department-list li {
  display: block !important;
}

.sticky li:nth-child(2) {
  display: block !important;
}

.sticky li:nth-child(3) {
  display: block !important;
}

.recentCard-img {
  min-width: 40px;
  min-height: 40px !important;
  max-width: 100px;
  max-height: 100px;
  background: #FAFAFA;
  border-radius: 5px;
  padding: 0;
}

@media (max-width: 786px) {
  .search-sug {
    position: absolute;
    height: 100vh;
    top: 80%;
    right: 0; /* Ensure it stretches to the right edge of the viewport */
    left: 0;
    background: #fafafa;
    width: 100%; /* Use 100% to fill the parent container */
    margin: 0; /* Remove any margin to avoid overflow */
    z-index: 1000; /* Ensure it appears above other elements */
    margin-top: 13px !important;
}

  .recentCard-img {
    width: 100%;
  }
  
/* .navbar-top {
  padding-bottom: 0rem;
} */
}
@media (min-width:710px)and (max-width:768px){
  .search-sug{
    left: 17.5px !important; /* Align to the left edge of the viewport */
  }
}

.account-menu-items{
  background: #FAFAFA;
  border-radius: 16px;
  margin-bottom: 4px;
}
.account-menu-items-btn{
  width: 98% !important;
  margin: 0 !important;
  background: linear-gradient(rgb(125, 125, 125) 0%, rgb(0, 0, 0) 100%) !important;
  border-radius: 6px !important;
  color: #fff;
}
.myAccText {
  margin-left: 1rem;
}

.myAccText a {
  color: #000 !important;
}

.myAccText a:hover {
  color: var(--primary-color) !important;
  text-decoration: underline;
}

.myaccBodyRow {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  justify-content: flex-start;
}

.myAcc-drpIcons {
  display: flex;
}

.sticky .first-nav-list {
  display: flex;
  align-items: center;
  max-width: 100%;
}

.btn-hover{
  will-change: transform;
  backface-visibility: hidden;
  transition: transform .2s ease;
  z-index:3;
}
.btn-hover:hover{
  -ms-transform: scale(0.2); /* IE 9 */
  -webkit-transform: scale(0.2); /* Safari 3-8 */
  transform: scale(1.03); 
}

/* styling of -- when hover over myaccount link */

.myaccount-dropdown-li {
  position: relative;
}

.showOnSmallScreens > svg {
  position: relative;
  color: var(--primary-color);
}

.myaccount-dropdown-li .fa-user-circle {
  /* padding: 5px 9px; */
  font-size: 18px;
}

.myaccount-dropdown-li > .myaccount-dropdown-body {
  z-index: 3;
  min-width: 375px;
}

.myaccount-dropdown-li:hover > .myaccount-dropdown-body {
  display: block;
}

.addBoxshadow {
  box-shadow: 10px 9041px 0px 9000px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.myaccount-dropdown-body {
  position: absolute;
  z-index: 3;
  min-width: 300px;
  /* border: 1px solid #e4e4e4; */
  border-top-width: 0px;
  background-color: #fafafa;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.myaccount-body-1{
  right: -136px;
  top: 102%;

}
.mycart-body-1{
  right: -30px;
  top: 109%;
}

.showScrolls {
  display: none;
}

.sticky .showScrolls {
  display: block;
}

.myaccount-dropdown-li:hover > .cart-dropdown-li {
  display: block;
  right: -10px;
  max-width: 300px;
  width: 100%;
}

.inputDropD-body {
  padding: 12px 0;
}

#first-shoping-cart .cart-delete > .fa {
  color: #dd0e1c !important;
}

.myaccount-dropdown-body hr {
  margin: 0;
}

.myaccount-dropdown-body li {
  width: 100%;
  padding: 12px;
}

.cartIconNav {
  position: relative;
}

.cartCross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 2;
}

.myaccount-dropdown-body li:last-child {
  padding: 0;
}

.myaccount-dropdown-body i {
  /* color: rgb(175, 175, 175) !important; */
  font-size: 15px !important;
  padding: 0 10px;
}

.myaccount-dropdown-body li:hover #myaccount-links {
  color: var(--primary-color);
  text-decoration: underline;
}

.myaccount-dropdown-body button {
  border-radius: 50px;
  margin: 5px 7px;
  width: 95%;
}

.myaccount-dropdown-body .myaccount-dropdown-p {
  font-size: 20px;
  padding-bottom: 12px;
  margin: 0;
  color: rgb(98, 98, 98);
  font-weight: 700;
  line-height: 1.2;
}

.cart-dropdown-li .myaccount-dropdown-p {
  font-size: 13px !important;
  margin-top: 12px;
}

.myaccount-dropdown-body .myaccount-dropdown-h4 {
  padding: 4px 0px 4px 10px;
  margin: 5px 0px 5px 5px;
}

.text-center {
  text-align: center;
}
.text-white {
  color: #fff !important;
}

.delivery-method-links {
  color: rgb(99, 99, 99);
}

.auth-bg:hover {
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
  color: #fff !important;
}

#myaccount-links {
  color: black;
  font-size: 1rem;
  margin-left: 1rem;
}

#myaccount-links:hover {
  color: var(--primary-color);
}

.sign-in-creat {
  border: 1px solid var(--primary-color);
  background-color: #fff;
  color: var(--primary-color);
  width: 100%;
  padding: 11px;
  border-radius: 50px;
}
/* heart plus */
.heartPlusIcon {
  position: absolute;
  top: 18px;
  right: -1%;
  z-index: 2;
  display: flex;
  align-items: center;
  opacity: 0.0;
  visibility: hidden;
  transition: right 0.3s ease-in-out; 
}
.product1-hero .heartPlusIcon{
  left: 18px;

}


.heart-icon-toggle .icon-fill svg{
  fill: #fff !important;
}

/* .myCart-right-side{
  width: 420px;
} */
/* @media (max-width: 512px) {
  #__next{
    width: 97%;
      }
} */
@media (max-width: 768px) {
  
.SocialLinks_itemClass__1vgCI {
  padding: 4px !important;
}
.cashback-btn{
  height: 50px;
}
.plain-text-normal{
  font-size: 1rem;
}
  .heartPlusIcon {
    width: 100%;
  }
  .first-searchbar {
    /* margin: 4px 0px; */
  }
}
@media (min-width: 768px){
  
.product-cards:hover 
.heartPlusIcon,
.showOnBigScreens .smallPD_cards:hover .heartPlusIcon {
  right: 18px;
  /* opacity: 1; */
  opacity: 1;
  visibility: visible;
}
}

.dollarOnHover {
  position: absolute;
  top: 2%;
  right: 2%;
  z-index: 1;
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: 50%;
  padding: 3px;
  height: 29px;
  width: 29px;
  transition: 0.4s all ease;
  margin-top: -1px;
}

.dollarOnHover span {
  display: block;
  background: #fff;
  height: 100%;
  z-index: 12;
  border-radius: 50%;
  width: 100%;
  margin-left: -2px;
  padding-left: 4px;
}

.dollarOnHover::after {
  content: "";
  background-image: linear-gradient(180deg, #23c8ff, #1912a1);
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

#linkContainer {
  position: relative;
}

#linkContainer:hover .dollarOnHover {
  transform: translateX(-13px);
}

#linkContainer:hover .dollarOnHover::after {
  width: 108%;
  height: 104%;
  top: 0px;
  left: -2px;
}

/* styling when hover over list link */

.list-dropdown-li {
  position: relative;
}

.list-dropdown-li:hover .list-card {
  display: block;
}

.list-dropdown-li .fa-heart {
  padding: 5px 9px;
  font-size: 16px;
}

.list-card {
  z-index: 100;
  position: absolute;
  right: 0;
  /* margin-top: 20px; */
  background-color: transparent;
  border-radius: 12px;
}

.list-card-body {
  min-width: 286px;
  border-radius: 8px;
  padding: 12px 16px;
}

.list-card-content .list-card-name {
  padding-top: 19px;
}

.list-card-content:hover .list-card-name {
  color: var(--primary-color);
}

.navIcon {
  width: 28px;
  stroke: currentColor;
  stroke-width: 1px;
}

#first-shoping-cart i {
  border-radius: 50%;
  font-size: 16px;
  color: #221924 !important;
  padding: 5px 9px;
}

.first-searchbar {
  position: relative;
}

.endButton {
  position: absolute;
  right: 23px !important;
  z-index: 23;
  transition: color 0.3s ease;
  top: 5px;
  font-size: 16px;
  background: none;
  padding: 0;
  border: 1px solid rgb(231, 231, 232);
  border-radius: 30px;
  width: 30px;
  height: 30px;
  background-color: #fafafa;
  pointer-events: all !important;
  cursor: pointer;
}

.endButton:hover {
  color: var(--error-color) !important;
}

/* CAROUSEL STYLING */
.py-20 {
  padding: 20px 0;
}
/* END CAROUSEL STYLING */

/* SALES STYLING */

.card-with-transparent-img {
  position: relative;
}

.sales1-content {
  border-radius: 12px;
  background-color: rgb(221, 79, 83);
  background-image: linear-gradient(to right, rgb(255 208 0), rgb(226 154 23));
}

.card-with-transparent-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  box-shadow: inset 0 0 100vw 100vw rgba(25, 35, 36, 0.1);
  transition: all 0.3s ease-in-out;
  z-index: -1;
  border-radius: 8px;
}

.card-with-transparent-img:hover .program-quote h6 .cardLearn__W_onHover {
  color: #fff !important;
}

.card-with-transparent-img:hover::after {
  opacity: 1;
  z-index: 0;
}

.sales2-content {
  border-radius: 8px;
  background-color: rgb(77, 231, 255);
  background-image: linear-gradient(
    to right,
    rgb(77, 231, 255),
    rgb(23, 162, 184)
  );
  transition: box-shadow 0.4s ease-in;
}

.sales1-content .sales-heading,
.sales2-content .sales-heading {
  color: #fff !important;
  text-align: center;
  padding: 22px;
}

.sales1-content .sales-heading h3,
.sales2-content .sales-heading h3 {
  font-weight: 700 !important;
  color: #fff;
  font-size: 1.9375rem !important;
}

.sales1-content .sales-heading p,
.sales2-content .sales-heading p {
  font-weight: 700 !important;
  color: #fff;
  font-size: 1rem !important;
}

/* END SALS SHOP*/
.bg-shop-section {
  background: #ececec;
  border-radius: 10px;
}
.scrollBar-h-0::-webkit-scrollbar {
  height: 0;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-x: auto;
}

.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.heart-icon i {
  position: absolute;
  right: 4%;
  top: 2%;
  background-color: #fff;
  color: var(--primary-color);
  font-weight: 500;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  padding: 10px;
  z-index: 1;
  cursor: pointer;
}

.heart-icon i:hover {
  font-weight: 700;
}

.card-slide-img img {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  object-fit: contain;
  filter: brightness(0.95);
}

.card-slide-content {
  cursor: pointer;
  padding-bottom: 12px;
}

.slide-view-link {
  margin-top: 12px;
  margin-left: 12px;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.965);
}

.slide-view-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.965);
}

.slide-view-link:hover a {
  color: var(--primary-color);
  text-decoration: underline;
}

.review-star i {
  color: #f6b71d;
}

/* JOIN OUR PROGRAM */

.program-heading {
  padding-top: 32px;
}

.program-heading h2 {
  font-weight: 700;
}

.program-quote {
  padding: 12px 63px;
}

.program-quote a {
  display: block;
  color: #fff;
}
/* END JOIN OUR PROGRAM */

/* features styling */

.staticCard-icons {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.featured-img img {
  width: 96px;
  height: 96px;
}

.social-icon svg {
  fill: var(--primary-color);
  color: var(--primary-color);
  outline: none;
}

.featured_card_heading {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 8px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END OF INDEX STYLING*********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.dd-item-select {
  background: #e6d3e4;
}

.whiteSpce_break-spaces {
  white-space: break-spaces;
  text-align: left;
}

.dropdownSubtitle {
  line-height: 1;
}

.dropdown_item_is_selected {
  display: inline-block;
  border-radius: 50%;
  height: 8px;
  padding: 0;
  width: 8px;
  background-color: var(--primary-color);
}

.recent-cart {
  height: 100%;
  transition: 0.2s ease-in-out;
  opacity: 1;
}

.recent-cart:hover {
  transform: translateY(-2px);
  transition: 0.3s ease-in-out;
  opacity: 0.9;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************RooM IDEAS STYLING****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.roomIdeasProductsContainer {
  width: 80%;
}

.roomIdeasFilter-btn {
  display: none;
}

.roomIdeasFilters {
  width: 20%;
}

.masonary__container {
  column-gap: 10px;
}

.masonary__figure {
  margin: 0;
  /* display: grid;
  grid-template-rows: 1fr auto; */
  margin-bottom: 10px;
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  display: inline-block;
  /* Actually FF 20+ */
  position: relative;
}

.masonary__figure .showOnHover {
  transition: all 0.3s ease-in;
}

.tagDescription {
  background-color: #ffffff;
  bottom: 0;
  left: 5%;
  right: 5%;
  width: 90%;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgb(34 25 36 / 20%);
  overflow: hidden;
  transition: transform 0.25s, opacity 0.25s;
  -ms-transform: translateY(75%);
  transform: translateY(70%);
  opacity: 0;
  visibility: hidden;
}

.masonary__figure:hover .tagDescription {
  transform: translateY(90%) scale(1);
}

.masonary__figure:hover .tagDescription {
  visibility: visible;
  opacity: 1;
}
#tagable-image {
  object-fit: contain;
}
.masonary__figure #tagable-image {
  grid-row: 1 / -1;
  grid-column: 1;
}

.tagsHeart {
  background: transparent;
  box-shadow: 0 0 7px #ddd;
}

.tagsHeart:hover {
  font-weight: 900;
  background-color: #fdfdfd;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END RooM IDEAS STYLING****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************Products STYLING START*******************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.product-heading h2 {
  font-weight: 700;
  text-transform: capitalize;
}

.products-body {
  background-color: #ffffff;
}

.products-dropdown-links {
  width: 100%;
}

.products-dropdown-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0;
}

.dropdown-titles {
  box-shadow: inset 0 0 0 2px transparent;
  border: 1px solid rgb(161, 161, 161);
  box-shadow: inset 0 0 0 2px transparent;
  border: 1px solid rgb(161, 161, 161);
  border-radius: 7px;
  position: relative;
  cursor: pointer;
}

.dropdown-titles:hover {
  box-shadow: inset 0 0 0 1px var(--primary-color);
}

.sort-filter-btn {
  margin-left: 8px;
  border-radius: 21px !important;
  border: 2px solid var(--primary-color);
}

.products-dropdown-list li i {
  transition: 0.4s;
  font-size: 1.2rem;
}

.products-dropdown-list li:hover i {
  transform: rotate(180deg);
  transition: 0.4s;
}

.products-dropdown-innerlist {
  z-index: 3;
  background-color: #fff;
  margin: 0 2px 3px;
  padding-top: 12px;
  position: absolute;
  left: -7px;
  border-radius: 8px;
  min-width: 250px;
  max-width: 300px;
  height: 380px;
  overflow-y: auto;
  top: 100%;
  border: 1px solid #dfdfe1;
  box-shadow: 0 -3px 6px rgba(34, 25, 36, 0.2);
  min-height: 56px;
  padding: 8px;
  cursor: auto;
}

.products-dropdown-innerlist li input[type="checkbox"] {
  position: relative;
  width: 20px;
  float: left;
  height: 20px;
}

.products-dropdown-innerlist {
  display: none;
}

.products-dropdown-list li:hover .products-dropdown-innerlist {
  display: block;
}

/* END DROP DOWN LIST */

.sort-filter-btn {
  border-radius: 21px;
}

.close-sidebar:hover {
  color: var(--error-color);
}

.shiping-date-details {
  padding: 10px 21px;
}

#sort-recommended {
  padding: 20px;
  position: relative !important;
  /* box-shadow: inset 0 0 0 2px var(--primary-color); */
  border-radius: 6px;
}

#sort-recommended .recommended {
  position: absolute;
  color: rgb(129, 129, 129);
  font-size: 14px;
  bottom: 0;
}

.filter-and-clear-all {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px;
  margin-top: 9px;
}

.filter-and-clear-all .clearall-filter {
  color: var(--primary-color);
  text-decoration: underline;
}

.filter-and-clear-all .clearall-filter:hover {
  color: var(--primary-color);
  text-decoration: none;
}

#filter-collapse-list li {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

#filter-collapse-list li input {
  width: 19px;
  height: 19px;
}

#filter-collapse-list li a {
  color: #221924;
  width: 100%;
}

#filter-collapse-list li .side-inner-inputs {
  margin: 0 9px;
  display: flex;
  border-radius: 50%;
  border: 1px solid transparent;
}

/* #filter-collapse-list li:hover .side-inner-inputs {
  border: 1px solid var(--secondary-color);
} */

/* END FIRST COLLAPSE STYLING */

#size-collapse-heading {
  /* box-shadow: inset 0 0 0 2px var(--primary-color); */
  border-radius: 6px;
  position: relative;
  padding: 20px;
}

#size-collapse-heading .size-overall-length {
  position: absolute;
  color: rgb(129, 129, 129);
  font-size: 14px;
  bottom: 0;
}

.sidebar-footer-btn {
  position: fixed;
  bottom: 0;
  box-shadow: 0 -5px 10px rgba(34, 25, 36, 0.2);
  width: 100%;
  background-color: #fff;
  padding: 12px;
  margin-top: 12px;
}

.sidebar-footer-btn button.sidebar-f-btn:hover {
  background-color: var(--secondary-color);
}

.sidebar-footer-btn button.sidebar-f-btn {
  width: 460px;
  cursor: pointer;
  background-color: var(--primary-color);
  padding: 12px;
  border-radius: 25px;
  color: #fff;
}

.product-cards {
  position: relative;
  z-index: 0;
  height: 100%;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: inset 0 0 0 2px transparent;
  background-color: #fff;
  text-align: left;
  /* margin: 8px 0px; */
}

.product-cards:hover {
  box-shadow: 0 3px 6px rgba(34, 25, 36, 0.2);
}

.product-cards-img {
  /* position: relative;
  height: 235px;
  margin: auto; */
  text-align: center;
}

.shop-images img,
.categoriy-img-link img {
  mix-blend-mode: multiply;
}

.myWish-list-text {
  border-width: 1px;
  outline-color: var(--primary-color);
  padding: 6px;
}

.wish-list-text-pen {
  display: none;
}

.myWish-list-text:hover .wish-list-text-pen {
  display: inline;
}

.card-inner-area .sale-wish {
  position: absolute;
  top: 12px;
  border: 2px solid transparent;
  border-radius: 50%;
  right: 20px;
  padding: 6px;
  color: var(--primary-color);
}

.wishlist {
  position: absolute;
  top: 12px;
  border: 2px solid transparent;
  border-radius: 50%;
  right: 20px;
  padding: 6px;
  color: var(--primary-color);
}

.card-inner-area .sale-wish i {
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 50%;
  padding: 8px;
}

.card-inner-area .sale-wish:hover i {
  font-weight: 900;
  border: 2px solid var(--primary-color);
}

.wishlist i {
  font-weight: 900;
  border: 2px solid var(--primary-color) !important;
}

.card-inner-area .quick-view-btn a {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #221924;
  font-weight: 500;
  box-shadow: inset 0 0 0 2px transparent;
  border-radius: 29px;
  padding: 14px 20px;
}

.card-inner-area .quick-view-btn a:hover {
  color: var(--primary-color);
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.product-cards-content {
  flex: 1;
}

.product-cards-content .product-size {
  margin-left: 12px;
  margin-top: 12px;
}

.product-cards-txt {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end !important;
}
.product-cards-txt .product-title {
  font-weight: 600;
  font-size: 20px;
  color: var(--primary-color);
}
.product-brand{
  font-size: 20px ;
}
@media (max-width: 765px) {
  .product-cards-txt .product-title {
    font-weight: 600;
    font-size: 16px;
    color: var(--primary-color);
  }
  .product-brand{
    font-size: 16px ;
  }
}
.line-height-1 {
  line-height: 1;
}
.line-height-1-2 {
  line-height: 1.2;
}

.product-cards-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  letter-spacing: 0mm;
}

.product-cards-price .priceText {
  word-break: break-word;
  margin-right: 4px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  display: inline-block;
  letter-spacing: -1px;
  color: var(--primary-color);
}

.product-rating {
  display: flex;
  flex-wrap: wrap;
  margin: 2px 0;
}

.product-rating li i {
  color: rgb(255, 233, 39);
}

/* MODAL STYLING */

/* MODAL LEFT SIDE STYLING */

.modal-left-side {
  padding: 12px;
}

.moda-left-heading h2 {
  font-weight: 600;
  font-size: 1.7rem;
}

.modal-seemore {
  font-size: 15px;
  font-weight: 500;
}

.modal-seemore a {
  color: var(--primary-color) !important;
  text-decoration: underline;
}

.modal-seemore a:hover {
  text-decoration: none;
}

.modal-reviews {
  margin: 20px 0px 15px;
}

.modal-reviews #modal-stars {
  display: flex;
}

.modal-reviews #modal-stars li {
  color: rgb(255, 233, 39);
}

.modal-reviews #modal-stars li:nth-last-child(2) {
  color: #221924 !important;
  margin-left: 12px;
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid black;
}

.modal-reviews #modal-stars li:nth-last-child(1) a {
  color: var(--primary-color);
  text-decoration: underline;
}

.modal-reviews #modal-stars li:nth-last-child(1) a:hover {
  text-decoration: none;
}

#shipto a:focus i {
  transform: rotate(180deg);
  transition: 0.5s;
}

/* END MODAL LEFT SIDE STYLING */

/* MODAL RIGHT SIDE STYLING */

.modal-close {
  position: absolute;
  right: 18px;
  font-size: 1.5rem;
  color: black;
  cursor: pointer;
  z-index: 1;
}

.modal-close:hover {
  color: var(--error-color);
}

.modal-right-price {
  display: flex;
  align-items: center;
}

.modal-right-price .m-price {
  font-size: 2rem;
  font-weight: 600;
  margin-right: 12px;
}

.moda-right-price-off {
  margin-left: 12px;
  color: var(--error-color);
  font-weight: 500;
}

.modal-shiping-dete {
  font-weight: 500;
}

.modal-shiping-dete span {
  display: block;
}

.shipto-code {
  color: var(--primary-color) !important;
  font-weight: 500;
  text-decoration: underline;
}

.shipto-code:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.collapse-heading:hover {
  border-color: #000;
}

.collapse-heading button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #221924;
  font-size: 20px;
  font-weight: 600;
}

.rotateAngle180 {
  transform: rotate(-180deg) translateY(0%);
  transform-origin: center; 
  transition: 0.4s all ease-in-out;
}

.rotateAngle0 {
  transition: 0.4s all ease-in-out;
  transform-origin: center; 
  transform: rotate(0deg);
}

.update-modal-zip {
  padding: 7px 12px 7px;
  width: 100%;
  outline: none;
  border: none;
  border: 1px solid rgb(185, 185, 185);
  box-shadow: inset 0 0 0 2px transparent;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.update-modal-zip:focus {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.update-modal-zipBtn {
  padding: 11px;
  color: #fff;
  background: var(--primary-color);
  margin-left: -1px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.collapse-heading button:hover {
  color: #221924;
  text-decoration: none;
}
.collapse.show,
#description-collapse {
  border-bottom: 1px solid #e4e4e4;
}
.collapsed-last-child {
  border-bottom: none !important;
}
.no-border {
  border: none;
}

.borderAdd {
  box-shadow: 0 0 0 1px #1364f1, 0 0 4px #1364f1;
}

.h-fit-content {
  height: fit-content;
}

.modal-end-btns {
  margin-top: 21px;
}

.modal-end-btns .modal-add-cart {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  border: none;
  padding: 12px;
  border-radius: 27px;
}

.modal-end-btns .modal-add-cart:hover {
  background-color: var(--secondary-color);
}

.modal-end-btns .modal-save-btn {
  width: 100%;
  background-color: #fff;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 500;
  cursor: pointer;
  box-shadow: inset 0 0 0 2px transparent;
  margin-top: 12px;
  padding: 12px;
  border-radius: 27px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END OF PRODUCT STYLING ************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************REGISTER STYLING ************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.pts-content {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create-account {
  text-align: center;
  min-height: calc(100vh - 60px);
  background-color: #fff;
}

#acc-container {
  max-width: 345px;
  margin: 3rem auto;
}

.secure-login {
  color: rgb(117, 115, 115);
  font-size: 0.9rem;
  font-weight: 550;
}

#create-acc-header {
  margin-top: 32px;
  text-align: center;
  border-bottom: 1px solid #d9d8d8;
}
.loginWelcome {
  font-size: min(max(2rem, 4vw), 2.5rem);
}
.login-boxes-w {
  width: 60%;
}
.enterEmailMsg {
  font-size: 1.73rem;
}
.create-acc-heading h3 {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.create-acc-email {
  position: relative;
}

.create-acc-email .create-acc-placeholder {
  position: absolute;
  top: 35%;
  left: 20px;
  transition: 0.3s cubic-bezier(0.21, 0.98, 0.9, 1.26);
  vertical-align: middle;
  font-size: 0.999rem;
  font-weight: 500;
  color: rgb(51, 50, 50);
  letter-spacing: 1px;
  pointer-events: none;
  cursor: pointer;
}

.create-acc-email input {
  width: 100%;
  margin-top: 15px;
  padding: 15px;
  outline: none;
  box-shadow: inset 0 0 0 2px transparent;
  border-radius: 12px;
  transition: 0.5s ease;
  border: 1px solid rgb(209, 209, 209);
}

.create-acc-newsLetter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}

.sub-new-inps {
  display: flex;
}

.sub-new-inps input {
  width: 23px;
  height: 23px;
}

.sub-yes-no {
  display: flex;
  align-items: center;
  margin: 5px;
}

#yesNews,
#noNews {
  position: static !important;
}

.newsLetterHelpMessage {
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 1;
  background: #ddd;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  justify-content: center;
  display: none;
}

.newsLetterHelpMessage span {
  font-size: 0.89rem;
}

#newsLetterHelpIcon:hover > .newsLetterHelpMessage {
  display: flex;
}

.create-acc-btn {
  margin-top: 20px;
  width: 100%;
}
.step-label-con {
  border: 1px solid var(--text-color);
}
.change-btn {
  height: 40px;
  width: 150px;
  color: #fff;
  border: 0px;
  box-shadow: 0 1px 2px rgb(34 25 36 / 20%);
}
.change-btn:hover {
  background-color: var(--color-success);
}

.login-btn {
  width: 100%;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  padding: 12px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  background-color: var(--primary-color);
  transition: 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.login-btn:hover {
  background-color: var(--color-sun);
}

.create-acc-btn .create-acc {
  width: 100%;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  padding: 12px;
  border: none;
  border-radius: 26px;
  cursor: pointer;
  outline: none;
}

.create-acc-btn .create-acc:hover {
  background-color: var(--primary-color);
  transition: 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.form-footer {
  margin-top: 23px;
}

.form-footer .acc-agree {
  font-weight: 500;
}

.form-footer .acc-agree a,
.hav-acc a {
  color: var(--primary-color);
  text-decoration: underline;
  font-weight: 500;
}

.form-footer a:hover {
  text-decoration: none;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************REGISTER STYLING ************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************ABOUT STYLING ***************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

@media (max-width: 990px) {
  .d-flex-990 {
    display: none !important;
  }
  .d-none-990 {
    display: none !important;
  }
  
.collapse-heading button {
  font-size:1.3rem;
  font-weight:bold;
}

  .remove-from-cart {
    border-radius: 50%;
    border: 1px solid var(--primary-color);
    background-color: #ffffff;
    padding: 0px 6px;
    color: var(--primary-color);
    transform: translateY(-18px);
    display: block;
    position: absolute;
  }
  .myCart-igm {
    width: 130px;
  }
}
@media (min-width: 990px) {
  .remove-from-cart {
    display: none;
  }
  .myCart-igm {
    width: 150px;
  }
}

.about-main {
  max-width: 1009px;
  margin: 0 auto;
  box-shadow: 0 0 12px #ddd;
}

.about-main-heading {
  padding: 23px;
}

.about-main-heading h3 {
  font-size: 2rem;
  font-weight: 500;
}

.about-nav-links {
  padding: 12px;
}

.about-nav-links-list a:first-of-type {
  background-color: #f6b71d;
  color: #fff;
}

.about-nav-links-list a:hover:first-of-type {
  background-color: #f6b71d;
  color: #fff;
  text-decoration: underline;
}

.about-nav-links-list a {
  color: #221924;
  font-weight: 500;
  font-weight: 600;
  border-bottom: 1px solid rgb(207, 207, 207);
  display: block;
  width: 100%;
  padding: 13px 18px;
}

.about-nav-links-list a:hover {
  color: #f6b71d;
  border-left: 2px solid #f6b71d;
}

.sec-heading {
  font-weight: 700;
  border-bottom: 1px dashed rgb(189, 189, 189);
  margin: 31px 0;
  font-size: 1.9rem;
}

#our-faimly {
  height: auto;
  overflow: hidden;
}

.faimly-img {
  position: relative;
  box-shadow: 0 0 12px #aaa;
}

.faimly-img-overlay {
  position: absolute;
  top: 82%;
  width: 100%;
  background: transparent;
  opacity: 0.9;
  transition: 0.4s ease;
  height: 100%;
}

.f-overlay-txt {
  display: none;
  margin-top: 32px;
}

#overlay-content:hover .faimly-img-overlay {
  top: 0;
  background: hsla(0, 0%, 100%, 0.9);
}

#overlay-content:hover .faimly-img-overlay .f-overlay-txt {
  display: block;
}

.overlay-on-hover {
  margin-top: 8px;
  padding-right: 35px;
}

.faimly-img-overlay .overlay-on-hover span:nth-child(1) {
  display: block;
  text-align: center;
  font-weight: 600;
  margin-top: 5px;
}

.faimly-img-overlay .overlay-on-hover span:nth-child(2) {
  margin-top: 12px;
  display: block;
  text-align: center;
  padding: 12px;
  font-weight: 600;
}

.faimly-img-overlay .overlay-on-hover a {
  display: block;
  text-align: center;
  font-size: 13px;
  margin-top: 23px;
  color: black;
}

.faimly-img-overlay .overlay-on-hover a:hover {
  text-decoration: underline;
}

.promise-section p,
.culture-section p {
  font-size: 1.3rem;
}

.culture-products {
  display: inline-flex;
  border-bottom: 1px dashed grey;
  width: 100%;
  padding: 9px;
}

.culture-products img {
  display: inline-block;
  margin: 12px;
}

.culture-img-name {
  margin-left: 23px;
  position: absolute;
  right: 0;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END ABOUT STYLING ***************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.sec-heading {
  font-weight: 700;
  border-bottom: 1px dashed rgb(189, 189, 189);
  margin: 31px 0;
  font-size: 1.9rem;
}

.general-heading {
  border-bottom: 1px dashed rgb(207, 207, 207);
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 1.3px;
}

.contents {
  font-weight: 600;
  font-size: 1.4rem;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************Cart-sidebar STYLING **********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.small-sammry-img {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.cartSummary-imgs-list {
  min-width: 40px;
  width: 40px;
  height: 40px;
}

.sideCard-img-sizing{
  width: 70px;
  height: 70px;
  border: 1px solid #cdcdcd;
  border-radius: 5px;
}
.sideCard-img-sizing img{
  border-radius: 5px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END Cart-sidebar STYLING **********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************MY CART STYLING **********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.my-cart {
  /* background-color: #fff; */
}

.my-cart-main {
  max-height: 400px;
  overflow-y: auto;
}
.my-cart-main + li div b {
  font-size: 1.4rem;
}
.my-cart-main + li div p {
  font-size: 1rem;
}
.continue-shopBtn {
  color: var(--primary-color);
  padding-left: 5px;
  text-decoration: underline;
}

.continue-shopping i {
  font-size: 13px;
}

.continue-shopBtn:hover {
  text-decoration: none;
}

.my-cart-heading h3 {
  font-weight: 700;
}

.cartQuantity-dropdown {
  height: 200px;
  overflow: auto;
}

._customDropdown-menu {
  min-width: auto;
  inset: unset !important;
  transform: none !important;
}

.myCart-save {
  margin-top: 7px;
}

.myCart-save a {
  color: var(--primary-color);
  font-weight: 500;
}

.myCart-save a:hover {
  text-decoration: none;
}
.myCart-remove {
  margin-top: 4px;
  cursor: pointer;
  text-align: right;
}

.myCart-remove:hover span {
  text-decoration: underline;
}

.myCart-remove span {
  /* color: var(--primary-color); */
  /* text-decoration: underline; */
  font-weight: 500;
  cursor: pointer;
}

.myCart-footer {
  padding: 16px 0;
  position: relative;
}

.myCart-footer::after {
  position: absolute;
  left: 50%;
  z-index: -1;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 100vw;
  max-width: 1600px;
  display: block;
  content: "";
  height: 100%;
  background-color: #f5f5f5;
}

.myCart-footer p {
  margin: 0;
}

.myCart-shoping-assistance .assistance-heading {
  font-size: 1rem;
  font-weight: 600;
}

.myCart-return-policy .return-heading {
  font-size: 1rem;
  font-weight: 600;
}

.in-txt {
  font-size: 0.9rem;
  font-weight: 500;
}

.myCart-shoping-assistance .cart-call a {
  color: var(--primary-color);
  text-decoration: underline;
}

.myCart-shoping-assistance .cart-call a:hover {
  text-decoration: none;
  color: var(--primary-color);
}

.myCart-return-policy .cart-more a {
  color: var(--primary-color);
  text-decoration: underline;
}

.myCart-return-policy .cart-more a:hover {
  text-decoration: none;
}

.add-cart .recent-cart {
  width: 100%;
  height: auto;
  margin-top: 32px;
  background-color: var(--primary-color);
}

.categoriesslider {
  height: 100%;
  transition: 0.2s ease-in-out;
}

.categoriesslider:hover {
  transition: 0.3s ease-in-out;
}

@media (min-width: 1000px) {
  .stickyCard {
    position: fixed;
    right: 0;
    top: 30px;
  }
  .myCart-popup-body {
    /* width: 375px; */
    width: 100%;
  }
}

.myCart-popup-body {
  padding: 9px 12px;
  box-shadow: rgb(34 25 36 / 20%) 0 2px 8px;
  /* width: 420px; */
  min-height: 250px;
  width: 100%;
  border-radius: 10px;
}

.itemSub-total {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.itemSub-total span:nth-child(1) {
  color: rgb(95, 95, 95);
  font-weight: 500;
}

.myCart-shipto {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
}

.myCart-shipto .myCartShip {
  color: rgb(95, 95, 95);
  font-weight: 500;
}

#myCart-zip {
  display: flex;
}

.cartDropDown-input {
  width: 100%;
  border-radius: 5px;
  border: none;
  box-shadow: inset 0 0 0 2px var(--primary-color);
  padding: 7px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bold-title {
  font-size: 16px;
  font-weight: 700;
}

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

.myCart-tax {
  display: flex;
  justify-content: space-between;
  margin-top: 1px;
  padding-bottom: 9px;
}

.myCart-tax .tax {
  color: rgb(95, 95, 95);
  font-weight: 500;
}

.myCart-tax .tax:hover {
  text-decoration: none;
}

.myCart-total {
  display: flex;
  justify-content: space-between;
}

.myCart-total span {
  font-size: 1.1rem;
  font-weight: 600;
}

.myCart-save {
  display: flex;
  justify-content: space-between;
}

.myCart-save span:nth-child(1) {
  color: rgb(95, 95, 95);
  font-weight: 500;
}

.proceed-checkout {
  width: 100%;
  margin-top: 12px;
  display: flex;
  margin-bottom: 12px;
}

.proceed-checkout-btn {
  width: 100%;
  background-color: var(--color-success);
  border-radius: 23px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: 0.4s ease;
  padding: 12px;
}

.proceed-checkout-btn:hover {
  background-color: var(--black-color);
  color: #ffffff;
}

.proceed-checkout-btn span {
  font-size: 1.5rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0px;
}

.paypal-option {
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
}

.paypal-btn {
  background-color: #f4f4f5;
  border-radius: 23px;
  color: rgb(0, 48, 135);
  text-align: center;
  width: 100%;
  cursor: pointer;
  font-style: italic;
  font-weight: 700;
  transition: 0.4s ease;
  padding: 9px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

.paypal-btn:hover {
  box-shadow: none;
}

.myCart-apply {
  margin-top: 24px;
  text-align: center;
}

.myCart-apply .myCart-aply-inp {
  display: flex;
  text-align: left;
  width: 100%;
}

.myCart-apply .myCart-aply-inp #applay-input {
  width: 80%;
  padding: 8px;
  border: 1px solid rgb(204, 204, 204);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.myCart-apply .applay {
  padding: 13px;
  background-color: var(--primary-color);
  color: #fff;
  font-weight: 500;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.myCart-right-footer {
  margin-top: 42px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.myCart-shipping-icon span {
  font-size: 2rem;
}

.myCart-shipping-icon span i {
  color: var(--primary-color);
}

.myCart-shipping_ span {
  font-size: 0.9rem;
  font-weight: 600;
  color: rgb(129, 129, 129);
}

.myCart-range {
  height: 12px;
  background-color: #d3d3d3;
  width: 100%;
  margin-top: 8px;
  border-radius: 6px;
}

.myCart-range .shipping-range {
  height: 12px;
  width: 90%;
  border-radius: 6px;
  background-color: var(--primary-color);
}

#myCart-page-footer {
  padding: 32px 0;
  text-align: center;
  background-color: #fff;
}

.myCart-page-fotter-content a {
  color: var(--primary-color);
  font-weight: 500;
  text-decoration: underline;
}

.myCart-page-fotter-content a:hover {
  text-decoration: none;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END CART STYLING **********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
  *****************SALES STYLING **********************
  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
  */

.sale-page-wrapper {
  background-color: #f4f4f5;
}

.sale-img-label {
  position: relative;
}

.sale-img-label span {
  position: absolute;
  bottom: 100%;
  background: var(--error-color);
  color: #fff;
  border-top-right-radius: 11px;
  font-size: 1rem;
  padding: 4px 8px;
}

.sale-card-footer {
  background-color: #fff;
  cursor: pointer;
  padding: 12px;
}

.sale-card-footer:hover h3 {
  text-decoration: underline;
  color: var(--primary-color);
}

.sale-card-footer h3 {
  font-size: 1rem;
  color: rgb(116, 116, 116);
  font-weight: 600;
}

.sale-card-footer p {
  font-size: 0.9rem;
  color: var(--error-color);
  font-weight: 600;
}

.sale-d-card-body {
  background-color: #fff;
  border-radius: 8px;
  color: rgb(85, 85, 85);
  line-height: 2.2;
  padding: 15.2px;
}

.sale-d-card-body:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

.sale-department-img {
  margin-bottom: 21px;
}

.sale-department-img-txt {
  margin: 9px 0;
  text-align: center;
}

.close-deal-content {
  border-radius: 12px;
  background: linear-gradient(to right, rgb(160, 36, 40), rgb(170, 33, 38));
  max-height: 400px;
  background-color: rgb(155, 31, 35);
  min-height: 160px;
  padding: 48px;
  height: auto;
}

.open-box-content {
  border-radius: 12px;
  background-color: rgb(77, 231, 255);
  background: linear-gradient(to right, rgb(77, 231, 255), rgb(23, 162, 184));
  max-height: 400px;
  background-color: rgb(155, 31, 35);
  min-height: 160px;
  padding: 48px;
  height: auto;
  transition: 2s !important;
}

.close-deal-heading,
.open-box-heading {
  text-align: center;
  padding: 30px 20px;
}

.close-deal-heading h3,
.open-box-heading h3 {
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
}

.close-deal-heading p,
.open-box-heading p {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
}

.deal-shop-btn {
  background-color: #fff;
  border-radius: 25px;
  border: 1px solid transparent;
  padding: 10px 15px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(34, 25, 36, 0.2);
}

.deal-shop-btn:hover {
  border: 1px solid var(--primary-color);
}

.deal-shop-btn:hover .deal-shop {
  color: var(--primary-color);
}

.deal-shop {
  color: black;
}

.bonus-card {
  padding: 2px;
  border-radius: 12px;
  border: 2px solid transparent;
}

.bonus-card:hover {
  border: 2px solid var(--primary-color);
}

.bonus-card:hover img {
  border-radius: 12px;
}

.grid-column-container {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  transition: 2s;
}

.grid-column-container .grid-column {
  transition: 3s;
  width: 25%;
  /* max-width: 322px; */
  margin-top: 23px;
  display: flex;
  flex-direction: column;
}

.grid-column .sale-card-body {
  margin-top: 32px;
  background-color: #fff;
  padding: 12px;
  border-radius: 6px;
}

@media (max-width: 800px) {
  .grid-column-container {
    flex-wrap: wrap;
  }
  .grid-column-container .grid-column {
    width: 50%;
  }
  .myCart-popup-body {
    width: 350px;
  }
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END SALES STYLING **********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
***************** RECENTLY VIEWED*************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.viewRecentSearch {
  text-decoration: underline;
  color: var(--primary-color);
  cursor: pointer;
}

.viewRecentSearch:hover {
  text-decoration: none;
}

.numberingBorder {
  box-shadow: inset 0 0 0 2px transparent;
}

.numberingBorder:hover {
  border-color: var(--primary-color) !important;
}

.recent-view-heading {
  padding-top: 32px;
  padding-bottom: 18px;
}

.recent-view-heading h3 {
  font-weight: 700;
}

.recent-view-heading span {
  font-weight: 500;
  font-size: 0.9rem;
}

.flex-wraped {
  flex-wrap: wrap;
}

.flex-wrap-no {
  flex-wrap: nowrap;
}

.f0 {
  flex: 0;
}

.f1 {
  flex: 1;
}

.f2 {
  flex: 2 !important;
}

.f3 {
  flex: 3;
}

.f4 {
  flex: 4;
}

.filter-input input {
  box-shadow: inset 0 0 5px transparent;
}

.inputLable-hovered:hover ~ .filter-input input {
  box-shadow: inset 0 0 5px #54d3e2;
}

.input-lable-filter:hover .testabt {
  display: none;
}

.recentView-add-btn {
  margin-top: 23px;
  margin-bottom: 12px;
  position: relative;
  background-color: var(--primary-color);
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 26px;
}

.recentView-add-btn:hover {
  background-color: var(--secondary-color);
  z-index: 12;
}

.recent-view-bottom {
  margin-top: 33px;
  padding-bottom: 23px;
}

.your-searches p {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
}

.your-searches .yourSearch-link {
  width: 50%;
  background: #fff;
  border-radius: 12px;
  display: block;
  padding: 12px;
}

.your-searches .yourSearch-link span {
  color: black;
}

.your-searches .yourSearch-link:hover span {
  text-decoration: underline;
  color: var(--primary-color);
}

.recent-collection {
  margin-top: 50px;
  margin-bottom: 32px;
}

.recent-coll-heading h4 {
  font-weight: 700;
}

.recent-coll-button {
  margin-top: 23px;
}

.your-rec-btn {
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 26px;
  padding: 15px;
}

.your-rec-btn:hover {
  background-color: var(--secondary-color);
}

.your-rec-btn:hover span {
  color: #fff;
}

.owl-carousel .owl-item img {
  margin: 0 auto;
}

.small-categ-cards:hover .categoriy-img-link {
  color: var(--primary-color);
}

.category-item {
  padding: 0 4px;
  box-sizing: content-box;
  height: 100%;
  width: 100%;
}

.categ1-title {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  position: static;
  color: #000000;
}

.v-categorie-links {
  display: flex;
  align-items: center;
  width: 100%;
}

.v-categories-link {
  display: flex;
  display: flex;
  align-items: center;
  background: #fff;
  width: 49%;
  margin: 8px;
  border-radius: 12px;
  padding: 7px;
  align-items: center;
}

.go-visited-link {
  color: black;
  margin-left: 16px;
}

.v-categories-link:hover .go-visited-link {
  color: var(--primary-color);
  text-decoration: underline;
}

.visited-categories-heading {
  padding: 0.8rem;
}

.visited-categories-heading .v-categories-code {
  color: var(--primary-color);
  text-decoration: underline;
}

.v-categories-code:hover {
  text-decoration: none;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END RECENTLY VIEWED  ********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************PERSONAL INFO STYLING********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.personal-i-section {
  border-radius: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.pi-section-content {
  padding: 6px;
  width: 66%;
}

/* Chrome, Safari, Edge, Opera */

.input-type-number::-webkit-outer-spin-button,
.input-type-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

.back-from-pi:hover button {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: #fff;
  box-shadow: none !important;
}

/* .pi-section-header{margin: 12px 0px 21px} */

.personal-info-heading {
  margin-top: 40px;
}

.p-info-heading-title {
  font-weight: 700;
  font-size: 1.5rem;
}

.p-info-heading-hints {
  font-size: 0.9rem;
  font-weight: 500;
}

.pi-section-title {
  font-size: 1.2rem;
  font-weight: 600;
}

.pi-text-field {
  position: relative;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 9px;
}

.pi-text-field .pi-input {
  padding: 1.6em 1em 0.9em;
  width: 100%;
  outline: none;
  border: none;
  border: 1px solid #d9d8db;
  transition: 0.6s ease;
  transition: box-shadow 0.25s, border-color 0.25s;
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px transparent;
}

.pi-text-field .pi-input:hover,
.pi-text-field .pi-input:focus {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.pi-placeholder {
  position: absolute;
  left: 1em;
  top: -9px;
  font-size: 0.8rem;
  color: rgb(143, 143, 143);
  pointer-events: none;
  transition: 0.6s ease;
  transform: translateY(80%);
}

.pi-text-field .pi-input:hover ~ .pi-placeholder,
.pi-text-field .pi-input:focus ~ .pi-placeholder {
  color: var(--primary-color);
}

.pi-c-email {
  color: rgb(110, 108, 108);
  font-size: 0.9rem;
}

.ps-length {
  color: rgb(110, 108, 108);
  font-size: 0.7rem;
}

.pi-bottom {
  padding: 12px 0;
}

.piBack-save-btns {
  display: flex;
  width: 50%;
  align-items: center;
}

.back-from-pi button {
  background-color: #fff;
  color: var(--primary-color);
  padding: 8px 21px;
  outline: none;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px transparent;
  border-radius: 26px;
  transition: 0.4s ease;
  border: 2px solid var(--primary-color);
}

.back-from-pi button span {
  font-size: 0.8rem;
}

.back-from-pi button:hover {
  box-shadow: inset 0 0 0 1px var(--primary-color);
}

.save-pi {
  width: 48%;
}

.save-pi button {
  background-color: var(--primary-color);
  color: #fff;
  outline: none;
  border: 1px solid var(--primary-color);
  cursor: pointer;
  padding: 8px 21px;
  border-radius: 26px;
  width: 100%;
  margin-left: 12px;
  transition: 0.4s ease;
}

.save-pi button span {
  font-size: 0.8rem;
}

.save-pi button:hover {
  background-color: var(--secondary-color);
}

.firstName-lastName-error span {
  font-size: 0.8rem;
  color: #c90000;
}

.piFirstNameError,
.piLastNameError {
  position: absolute;
  font-size: 11px;
  top: 100%;
  color: #c90000;
  left: 0;
  display: inline-block;
}

.pi-saved {
  background-color: var(--primary-color);
  border-radius: 12px;
}

.pi-saved .info-updated {
  color: #fff;
  padding: 9px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************PERSONAL INFO STYLING********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************EDIT ADDRESS STYLING*********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.pac-logo:after {
  display: none;
}

#addressForm {
  margin-top: 7px;
}

.update-address-header {
  margin-top: 40px;
}

.update-address-header h3 {
  font-size: 1.4rem;
  font-weight: 700;
}

.address-inputLabel {
  width: 100%;
  position: relative;
}

.address-inp {
  padding: 1.6em 1em 0.9em;
  /* height: 45px; */
  width: 100%;
  outline: none;
  font-size: 0.9rem;
  min-height: 40px;
  border: 1px solid #d9d8db;
  box-shadow: inset 0 0 0 2px transparent;
  border-radius: 8px;
}

.address-inp:hover {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.address-placeholders {
  position: absolute;
  font-size: 0.8rem;
  left: 16px;
  pointer-events: none;
  transition: 0.4s cubic-bezier(0.3, -0.4, 0.29, 1.03);
  transform: translateY(70%);
  color: rgb(122, 122, 122);
}

.address1-2-city {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
}

.address1,
.address2,
.address-cityTown {
  flex-grow: 1;
}

.address-zip-contry-state {
  display: grid;
  grid-template-columns: 4fr 4fr;
  grid-gap: 0px 13px;
}

.address-state {
  width: 100%;
  height: 50px;
}

.thisisa {
  font-size: 0.9rem;
  color: rgb(93, 93, 93);
}

.add-option {
  font-size: 0.9rem;
  color: rgb(53, 53, 53);
}

.residential-option,
.commercial-option,
.default-option {
  display: flex;
  align-items: center;
}

.add-type-input {
  width: 15px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
}

.address-save-cancel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  width: 50%;
}

.add-save-btn,
.add-cancel-btn {
  width: 48%;
}

.add-save-btn button {
  width: 100%;
  cursor: pointer;
  border: none;
  transition: 0.4s ease-in;
  outline: none;
  color: #fff;
  padding: 8px;
  font-weight: bold;
  font-size: 0.9rem;
  background-color: var(--primary-color);
  border-radius: 26px;
}

.add-save-btn button:hover {
  background-color: var(--secondary-color);
}

.add-cancel-btn button {
  width: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  font-weight: bold;
  border: 2px solid var(--primary-color);
  background-color: #fff;
  padding: 8px;
  font-size: 0.9rem;
  box-shadow: inset 0 0 0 1px transparent;
  color: var(--primary-color);
  transition: 0.4s ease-in;
  border-radius: 26px;
}

.add-cancel-btn button:hover {
  box-shadow: inset 0 0 0 1px var(--primary-color);
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END EDIT ADDRESS STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************PAYMENT METHODS STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.saved-payment-txt {
  font-size: 1.2rem;
}

.payment-body {
  background-color: #fff;
  box-shadow: inset 0 0 0 3px var(--primary-color);
  border-radius: 12px;
}

.payment-method-card {
  padding: 23px;
}

.payment-card-header {
  line-height: 2.3;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payment-card-header span:nth-child(1) {
  font-size: 1.3rem;
}

.payment-card-header span:nth-child(2) {
  font-size: 2.3rem;
  color: grey;
}

.payment-method-logos {
  display: flex;
  align-items: center;
}

.payment-method-logos span {
  margin-right: 32px;
}

.payment-form-txt {
  font-size: 1.1rem;
}

.payment-inputs-container {
  margin-top: 12px;
}

.payment-input-field {
  position: relative;
  display: block;
  width: 100%;
}
.paymentMethodImg {
  max-width: 200px;
}
.form-file {
  max-width: 150px;
  text-align: center;
}

.payment-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  height: 40px;
  width: 100%;
  border: 1px solid #d9d8db;
  border-radius: 8px;
  color: #221924;
  padding: 8px 0.5em;
  transition: box-shadow 0.25s, border-color 0.25s;
  box-shadow: inset 0 0 0 2px transparent;
}

.seller_fileSt {
  border: 1px solid var(--primary-color);
  border-radius: 8px;
  padding: 0 30px;
}

.payment-input:hover {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.__month-selection__ {
  height: 40px !important;
  padding: 0em 0.5em !important;
}

.payment-month-cvc {
  /* display: grid; */
  grid-template-columns: 1fr;
  grid-gap: 2px;
  align-items: center;
}

.payment-zip {
  margin-left: 12px;
  position: relative;
  width: 100%;
}

.payment-zip .payment-zip-input {
  width: 100%;
}

.save-payment-method {
  margin-top: 12px;
}

.save-payment-btn {
  background-color: var(--primary-color);
  color: #fff;
  font-size: 1.1rem;
  outline: none;
  width: 100%;
  border: none;
  padding: 15px;
  transition: background-color 0.25s, border-color 0.25s;
  border-radius: 26px;
  text-align: center;
  cursor: pointer;
}

.save-payment-btn:hover {
  background-color: var(--secondary-color);
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END PAYMENT METHODS STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************GIFT CARD  STYLING***********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.gift-delivery-amount {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gift-card-delivery,
.gift-card-amount {
  width: 200px;
}

.gift-collapse {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.gift-amount-list li {
  border-top: 1px solid rgb(173, 173, 173);
  width: 100%;
  cursor: pointer;
  padding: 12px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END GIFT CARD STYLING********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************DASHBOARD STYLING************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

@media (max-width: 768px) {
  .mobile-display-bar{
    display: none !important; /* Hide sidebar on mobile */
  }
}
@media (max-width: 769px) {
  .mobile-display-block{
    display: inline-flex !important; /* Hide sidebar on mobile */
  }
}

@media (min-width: 992px) and (max-width: 3000px) {
  .large-display-block{
    display: none !important; 
  }
}


.dashboard-content {
  margin-top: 12px;
}

.dashboard-heading {
  display: flex;
}

.dashboard-title {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.1704462326;
}

.d-link {
  background-color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 12px;
  padding: 1px;
  border-radius: 8px;
}

.d-link:hover img {
  border-left: 1px solid var(--primary-color);
}

.d-link:hover .d-link-txt span {
  text-decoration: underline;
  color: var(--primary-color);
}

.dashboard-column {
  display: flex;
  align-items: center;
}

.dashboard-column-title {
  padding: 12px;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 1.2rem;
}

.d-link-icon img {
  padding: 10px;
  border-left: 1px solid transparent;
}

.d-link-txt span {
  color: rgb(71, 71, 71);
  font-size: 1.12rem;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END DASHBOARD STYLING********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************MY ORDERS STYLING************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.myorders-content {
  background-color: #fff;
}

.myorders-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
  padding: 15px;
}

.myorders-title {
  font-size: 1.6rem;
  font-weight: 600;
}

.searchOrder_search-icon {
  position: absolute;
  right: 0;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--primary-color);
  color: #fff;
  height: 49px;
  padding: 0 16px;
  transition: 0.25s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition-property: background-color, color, border-color;
  border: none;
  cursor: pointer;
}

.order-input-container {
  margin-right: 12px;
}

.order-search-field {
  position: relative;
  display: flex;
}

.search-order {
  width: 50%;
}

.search-order-input {
  width: 300px;
  padding: 16px 12px 8px 12px;
  outline: none;
  box-shadow: inset 0 0 0 2px transparent;
  transition: 0.3s ease-in-out;
  border: 1px solid #a8a8a8;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

.search-order-input:hover,
.search-order-input:focus {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.order-inp-placeholder {
  transition: 0.4s cubic-bezier(0.22, -0.47, 0.75, -0.25);
}

.search-order-input:hover ~ .order-inp-placeholder,
.search-order-input:focus ~ .order-inp-placeholder {
  color: var(--primary-color);
}

.order-inp-placeholder {
  position: absolute;
  left: 12px;
  font-size: 1rem;
  pointer-events: none;
  transform: translateY(50%);
}

.order-search-icon {
  background-color: var(--primary-color);
  padding: 15px 15px 0px 15px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.4s ease-in;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}

.order-search-icon:hover {
  background-color: var(--secondary-color);
}

.order-tab-links {
  border: none !important;
  font-size: 1.2rem;
  color: #444444;
}

.order-tab-links:hover {
  color: var(--primary-color) !important;
}

.order-tab-links.active {
  border-bottom: 2px solid var(--primary-color) !important;
  color: var(--primary-color);
}

.ordered-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #dee2e6 !important;
}

.ordered-item-header {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: space-between;
}

.ordered-h-columns {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
}

.ordered-product {
  display: flex;
  padding: 12px;
  margin-top: 32px;
}

.ordered-product-img {
  text-align: center;
  height: 240px;
}

.ordered-product-details a {
  color: rgb(87, 85, 85);
}

.ordered-product-details a:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

.ordered-product-details span {
  display: block;
  color: rgb(151, 146, 146);
}

.order-tbl-header,
.order-status,
.order-td {
  white-space: nowrap !important;
}

.order-status {
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 9px;
  font-size: 14px;
  text-align: center;
  transition: 0.4s ease;
  padding: 4px 12px;
}

.order-status:hover {
  background-color: var(--secondary-color);
}

.order-td,
.order-tbl-header {
  text-align: center;
}

.modal-review-btn {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  border-radius: 26px;
  margin-top: 12px;
  padding: 12px;
  cursor: pointer;
  width: 100%;
}

.modal-review-btn:hover {
  background-color: var(--secondary-color);
}

.review-order-bottom {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 12px;
}

.review-bottom-content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  padding: 12px;
  justify-content: space-between;
  align-items: center;
}

.review-review-list {
  display: flex;
}

.review-stars {
  color: #f6b71d;
}

.review-commint {
  text-align: center;
  margin: 12px 0;
}

.review-txt-area {
  width: 100%;
  padding: 12px;
  box-shadow: inset 0 0 0 2px transparent;
}

.review-txt-area:hover,
.review-txt-area:focus {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.review-select-file {
  text-align: center;
}

.review-select-file .review-input {
  position: relative;
  cursor: pointer;
}

.review-select-file .review-input::after {
  content: "Select File";
  position: absolute;
  text-align: center;
  background-color: #fff;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 7px;
  margin-left: -4px;
}

.review-send-btn {
  width: 100%;
  margin-top: 12px;
}

.send-review-file {
  width: 90%;
  margin: 0 auto;
  display: block;
  padding: 9px;
  border: none;
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
  font-size: 1.2rem;
  transition: 0.3s ease-in;
  cursor: pointer;
  outline: none;
  border-radius: 26px;
}

.send-review-file:hover {
  background-color: var(--secondary-color);
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END MY ORDERS STYLING********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
***************** MEMBER SHIP PROGRAMM STYLING************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.btn-info-full {
  background-color: var(--primary-color);
  color: white;
  border-radius: 8px;
  border: none;
  padding: 12px 20px;
  margin-left: 12px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END MEMBER SHIP PROGRAMM STYLING*********
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************SELLER COUPONS STYLING*******************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.coupon-tbl-row {
  border-bottom: 2px solid var(--primary-color);
}

.coupons-r-col {
  text-align: center;
  background-color: var(--primary-color);
  color: #fff;
}

.coupons-tbl-body {
  text-align: center;
  background-color: #fff;
  vertical-align: middle !important;
  font-size: 1.2rem;
}

.coupuns-dlt-edit {
  display: flex;
  justify-content: space-around;
}

.edit-coupon {
  color: var(--primary-color);
  margin: 2px;
  padding: 5px;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
}

/* edit modal styling */

.sellerCoupons-header {
  margin-top: 12px;
}

.seller-coupon-title {
  font-weight: 600;
}

.sellerCoupons-table {
  margin-top: 15px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END SELLER COUPONS STYLING***************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
***************** SHIPPING RATES STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.shipping-rate-title {
  margin-top: 12px;
  padding: 20px 5px 0;
  font-weight: 600;
}

.shippingRates-body {
  background-color: #fff;
  margin-top: 15px;
  box-shadow: inset 0 0 0 3px var(--primary-color);
  border-radius: 12px;
  padding: 15px;
}

.shippingRates-method-card {
  padding: 23px;
}

.shippingRates-inputs-container {
  margin-top: 12px;
}

.shippingRates-input-field {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.shippingRates-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  height: 70px;
  width: 100%;
  border: 1px solid #d9d8db;
  border-radius: 8px;
  color: #221924;
  padding: 1.25em 1em 0.25em;
  transition: box-shadow 0.25s, border-color 0.25s;
  box-shadow: inset 0 0 0 2px transparent;
}

.shippingRates-input:hover {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.shippingRates-inp-placeholder {
  position: absolute;
  pointer-events: none;
  transform: translateY(50%);
  color: rgb(139, 139, 139);
  font-size: 1.112rem;
  transition: transform 0.4s;
  transition: 0.4s cubic-bezier(0.22, -0.47, 0.75, -0.25);
  left: 16px;
}

.save-shippingRates-method {
  margin-top: 12px;
}

.refineSearch {
  background-color: var(--primary-color);
  color: #fff;
  font-size: 1.1rem;
  outline: none;
  width: auto;
  padding: 10px 20px;
  border: none;
  padding: 10px 20px;
  transition: background-color 0.25s, border-color 0.25s;
  border-radius: 26px;
  text-align: center;
  cursor: pointer;
}

.refineSearch:hover {
  background-color: var(--secondary-color);
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END SHIPPING RATES STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************STORE STYLING****************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.store-header {
  font-size: 2rem;
  font-weight: 700;
}

.p-method-txt {
  font-size: 1.4rem;
}

.store-body {
  background-color: #fff;
  box-shadow: inset 0 0 0 3px var(--primary-color);
  border-radius: 12px;
}

.store-method-card {
  padding: 23px;
}

.store-card-header {
  line-height: 2.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.store-card-header span {
  font-size: 1.3rem;
}

.store-logo,
.store-banner {
  padding-bottom: 10px !important;
}

.store-logo-txt,
.store-banner-txt {
  font-size: 1.1rem;
  font-weight: 600;
}

.store-inputs-container {
  margin-top: 12px;
}

.store-input-field {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.store-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  height: 70px;
  width: 100%;
  border: 1px solid #d9d8db;
  border-radius: 8px;
  color: #221924;
  padding: 1.25em 1em 0.25em;
  transition: box-shadow 0.25s, border-color 0.25s;
  box-shadow: inset 0 0 0 2px transparent;
}

.store-input:hover {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.store-inp-placeholder {
  position: absolute;
  pointer-events: none;
  transform: translateY(50%);
  color: rgb(139, 139, 139);
  font-size: 0.9rem;
  transition: transform 0.4s;
  transition: 0.4s cubic-bezier(0.22, -0.47, 0.75, -0.25);
  left: 16px;
}

.store-textarea {
  width: 100%;
  padding-left: 12px;
  outline: none;
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px transparent;
}

.store-textarea:hover,
.store-textarea:focus {
  box-shadow: inset 0 0 0 2px var(--primary-color);
}

.submit-store-method {
  margin-top: 12px;
  display: flex;
}

.submit-store-btn,
.back-store-btn {
  background-color: var(--primary-color);
  color: #fff;
  font-size: 1.1rem;
  outline: none;
  width: 100%;
  border: none;
  padding: 15px;
  margin: 4px;
  transition: background-color 0.25s, border-color 0.25s;
  border-radius: 26px;
  text-align: center;
  cursor: pointer;
}

.submit-store-btn:hover,
.back-store-btn:hover {
  background-color: var(--secondary-color);
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END STORE STYLING************************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************BULK PRODUCT STYLING*********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.bulk-prod-body {
  background-color: #fff;
  padding: 21px;
  box-shadow: inset 0 0 0 2px var(--primary-color);
  border-radius: 9px;
  margin-top: 9px;
}

.bulk-first-h {
  background-color: var(--primary-color);
  color: #fff;
  font-size: 1.3rem;
  padding: 9px;
  border-radius: 8px;
  margin-top: 28px;
}

.bulk-time {
  font-size: 1.2rem;
  color: rgb(82, 80, 80);
}

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

.imort-bulk-title {
  font-size: 1.3rem;
  font-weight: 500;
  border-bottom: 1px solid var(--primary-color);
}

.bulk-import-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-top: 21px;
}

.chose-file-bulk {
  position: relative;
}

.upload-bulk-file {
  cursor: pointer;
  background-color: var(--primary-color);
  font-size: 0.9rem;
  padding: 10px;
  color: #fff;
  margin: 0;
  border-radius: 9px;
}

.upload-bulk-file:hover {
  background-color: var(--secondary-color);
}

#upload-bulk {
  opacity: 0;
  left: 0;
  position: absolute;
  cursor: pointer;
  z-index: -1;
}

.bulk-import-btn {
  background-color: var(--primary-color);
  color: #fff;
  border: 9px;
  padding: 9px 30px;
  width: 100%;
  transition: 0.4s ease;
  cursor: pointer;
  border-radius: 9px;
}

.bulk-import-btn:hover {
  background-color: var(--secondary-color);
}


.transaction-title {
  font-size: 1.9rem;
  font-weight: 700;
}

.all-transactions-title {
  background-color: var(--primary-color);
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 12px;
  color: #fff;
  font-size: 1.4rem;
}

.transaction-tbl-header {
  background-color: var(--primary-color);
  color: #fff;
  white-space: nowrap;
}

.transaction-tbl-body {
  background-color: #fff;
  border-bottom: 2px solid var(--primary-color);
}

.trans-td {
  vertical-align: middle !important;
}

.trans-td span {
  font-size: 1.2rem;
}

.transaction-date span {
  display: block;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END TRANSACTIONS STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************REWARD POINT STYLING*********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.reward-table {
  background-color: #fff;
}

.reward-tbl-header {
  background-color: var(--primary-color);
  color: #fff;
}

.reward-td {
  border-bottom: 2px solid var(--primary-color);
  vertical-align: middle !important;
}

.transaction-header {
  margin-top: 12px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END REWARD POINT STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************BRAND DETAILS STYLING********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.bd-products-container {
  margin-top: 52px;
}

.BrandIdentity-name {
  font-size: 1.5625rem;
}

.brand_logo {
  max-height: 110px;
  max-width: 300px;
  object-fit: contain;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END BRAND DETAILS STYLING****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************CUSTOMER SERVICES STYLING****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.customerServ-main {
  background-color: #fff;
  margin: 12px auto;
  max-width: 1780px;
}

.customerServ-contact {
  background-color: #f4f4f5;
  border-radius: 12px;
}

.customerServ-contact-txt {
  font-size: 0.8rem;
  color: #221924;
}

.customerServ-headquater,
.customerServ-call,
.customerServ-hours {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.cus-icon {
  color: var(--primary-color);
  font-size: 1.4rem;
}

.customerServ-contact-heading {
  font-size: 1.5rem;
  font-weight: 600;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END CUSTOMER SERVICES STYLING************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

/* |||||||||||||||||||||||||||||||||||||||||||||| */

/* MEDIA QUERIES START */

@media only screen and (max-width: 480px) {

  .footer .d-flex .f1 {
    flex-basis: 100%;
  }
  .wrapper-90 {
    width: 94vw;
    margin: 0 auto;
  }
  .d-none-480 {
    display: none;
  }
  .smallCarouselImages {
    width: 100% !important;
  }
  .shop-by-department .container {
    padding-left: 1px;
    padding-right: 1px;
  }
  .shop-by-department p a {
    font-size: 0.6rem;
  }
  .myCart-popup-body {
    width: 100%;
  }

}

@media only screen and (min-width: 480px) {
  .wrapper-90 {
    width: 90vw;
    margin: 0 auto;
  }
  .wrapper-75 {
    width: 75%;
    margin: 0 auto;
  }

}
@media only screen and (max-width: 820px) {

  .react-autosuggest__input {
    width: 100% !important;
  }

}

@media (max-width: 555px) {
  /* FOR FIRST TOP HEADING */
  #first-carousel-img {
    width: 100%;
    /* height: 120px; */
  }
}

@media (max-width: 607px) {
  .small-d-one {
    display: none !important;
  }
  .collapse-logo {
    display: none !important;
  }

  .p-fixed {
    position: fixed !important;
  }
}

@media only screen and (max-width: 940px) {
  .alignItems-start-940 {
    align-items: flex-start !important;
  }

  .flex-column-reverse-custom {
    flex-direction: column-reverse !important;
  }
}

@media (max-width: 991px) {
  .roomIdeasProductsContainer {
    width: 100%;
  }
  .roomIdeasFilter-btn {
    display: block;
  }
  .roomIdeasFilters {
    display: none;
  }
  .search-order {
    width: 100%;
  }
  .product1-quantity-sidebar {
    width: 100%;
  }
  .checkout-stick-popup {
    margin: 0 auto;
    /* max-width: 500px; */
  }
}

@media (min-width: 1055px) {
}

@media (max-width: 1055px) {
  .endButton {
    padding: 5px 9px;
  }
}

/* .myCart-img img {
  max-height: 200px;
} */

@media (max-width: 765px) {
  .call-us-btn {
    width: 100%;
  }
  #header {
    padding: 0px 0px 0px 0px;
    /* box-shadow: rgba(131, 131, 131, 0.7215686275) 0px 2px  */
    /* background-color: #ffffff; */
  }
  .modal-close {
    background-color: #d4d4d4;
    right: 12px;
    top: 12px;
    padding: 5px;
  }
  .productview-footer p {
    padding: 2px 10px;
    display: none;
  }
  .categoriy-img-link {
    font-size: 12px;
    color: #000;
  }
  .list-card {
    padding: 0;
    display: none !important;
  }
  .navigation-bar ul li:nth-child(6) > i,
  .navigation-bar ul li:nth-child(7) > .fa-heart {
    padding: 0;
  }
  .shop-images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .shop-by-department p a {
    font-size: 0.8rem;
    font-weight: 500;
    color: #221924;
  }
  #first-shoping-cart i {
    padding: 0;
  }
  .p0-smallScreen {
    padding: 0;
  }
  .browse-sec-title {
    margin: 12px 24px 0px;
  }
  .modal-slider-footer .modal-slider-sm-imgs a {
    font-size: 20px;
    letter-spacing: 1px;
  }
  .products-body {
    padding: 1px;
  }
  .exzoom .exzoom_nav .exzoom_nav_inner span img {
    display: none !important;
  }
  .exzoom .exzoom_nav .exzoom_nav_inner span {
    width: 15px !important;
    height: 15px !important;
    background-color: #ffffff;
  }
  .exzoom .exzoom_nav .exzoom_nav_inner {
    position: static !important;
    margin-top: 16px;
  }
  .exzoom .exzoom_nav {
    margin-left: 30px !important;
  }
  .exzoom .exzoom_nav .exzoom_nav_inner span.current {
    border-color: var(--primary-color) !important;
  }
  .products-dropdown-list li i {
    float: right;
    margin-right: 5px;
  }
  .card-inner-area .quick-view-btn a {
    top: 40%;
    padding: 12px;
  }
  .product1-left-side {
    height: auto;
  }
  .about-nav-links-list a {
    margin-left: 0;
  }
  .privacy-policy-main {
    width: 100%;
  }

  .productview-footer p {
    padding: 2px 10px;
    display: none;
  }
  .categoriy-img-link {
    font-size: 12px;
  }
  .list-card {
    padding: 0;
    display: none !important;
  }
  #first-shoping-cart i {
    padding: 0;
  }
  .myacc-right-info {
    margin-left: 0;
  }
  .store-wrapper,
  .myorders-wrapper,
  .member-programm-wrapper {
    padding: 0;
  }
  .bulk-import-options {
    flex-direction: column;
  }
  .bulk-option,
  .bulk-import-options,
  .upload-bulk-file,
  .chose-file-bulk {
    width: 100%;
    text-align: center;
    margin-top: 7px;
  }
  .save-sub-subAll {
    flex-wrap: wrap;
  }
  .newsletter-h-txt {
    width: 100%;
  }
  .return-status {
    margin: 0;
  }
  .return-status h3 {
    text-align: center;
  }
  .myacc-info-link {
    width: 100% !important;
  }
  .browse-card-body {
    margin-top: 22px;
  }
  .bd-sidebar-content {
    width: 100%;
  }
  .brand-d-header-content {
    padding: 12px 0;
  }
  .buyer-title {
    left: 0;
    top: 100%;
  }
  .pi-section-content,
  .piBack-save-btns {
    width: 100%;
  }
  .bd-products-container {
    margin-top: 12px;
  }
  .product-customer-comments {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cs-chose-contact-links,
  .cs-emailUs-inputs {
    padding: 12px;
  }
}

@media (max-width: 650px) {
  .masonary__container {
    column-count: 1;
  }
  #order-tab {
    flex-direction: column;
    align-items: center;
  }
  .order-search-field {
    display: flex;
  }
  .search-order-input {
    width: 230px;
  }
  .ordered-product {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ordered-product-details,
  .order-prepering-hint {
    text-align: center;
  }
}

@media (max-width: 650px) {
  #order-tab {
    flex-direction: column;
    align-items: center;
  }
  .ordered-product {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ordered-product-details {
    text-align: center;
  }
}

/* PRODUCTS MEDIA QUERIES */

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 800px !important;
    margin-top: 21px;
  }


}

/* auto search */

.react-autosuggest__container {
  position: relative;
  width: 100%;
}

.react-autosuggest__input {
  height: 40px;
  width: 100%;
  font-weight: 300;
  font-size: 13px;
  /* border: 1px solid rgb(231, 231, 232); */
  border-radius: 98px;
  z-index: 4;
  position: relative;
}

.searchbarPadding {
  padding: 0 16px 0 17px;
}

.manageSearchPadding {
  padding: 0 16px 0 10px;
}

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

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  padding-bottom: 20px;
  /* top: -5px; */
  /* left: -8px;
  width: 30vw; */
  /* border: 1px solid #f0f2f5; */
  background-color: #fafafa;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-radius: 26px;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  z-index: 3;
  overflow: hidden;
  color: black !important; 
}
@media (min-width:769px){
  .react-autosuggest__suggestions-container--open{
    margin-top:10px;
    width: 400px;
  }
}
@media (min-width:769px){
  .react-autosuggest__suggestions-container--open{
    margin-top:10px;
    width: 400px;
  }
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li:has(.brand-items){
  width: 25%;
    padding: 10px auto !important;
}
ul:has(.brand-items){
  display: flex;
  /* padding: 0 5px; */
}

.react-autosuggest__suggestion:has(.brand-item){
  padding: 10px 5px !important;
}

.brand-items{
  padding: auto 10px;
} 
/* .brand-items:hover{
  background-color: white !important;
  border:1px solid #e1e5e8 !important;
} */

.brand-item-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; 
  overflow: hidden;
  text-transform: capitalize ;
  /* text-overflow: ellipsis;  */
  padding: 0px 1px;
  margin: 2px 0;
  /* max-height: 1em; */
}


.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 0px 10px !important;
  display: block !important;
  text-align: center;
}

.react-autosuggest__suggestion--highlighted {
  background-color: transparent;
  border: 1px solid transparent;
}

.react-autosuggest__section-container--first {
  border-top: 0;
  margin-top: 15px;
}

.react-autosuggest__section-title {
  padding: 7px 10px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-align: left;
  text-transform: capitalize;
  color: var(--primary-color);
  line-height: 1;
}

.react-autosuggest__suggestion {
  text-align: left;
}

.categ1-title a {
  color: #000000;
}

.categoriy-img-link:hover a {
  text-decoration: underline;
  z-index: 1;
}

.count-badge {
  position: static;
  right: 0;
  top: 0;
  z-index: 1;
  font-size: 13px;
}
#cart-items , .login-statue{
  font-size: 15px;
  color: #646266;
  line-height: 8px;
  FONT-WEIGHT: 300;
}

.count-badge-mob::after {
  content: "";
  width: auto;
  min-width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 100%;
  background-color: #f6b71d;
}

.steps {
  /* position: fixed; */
  top: 0;
  border: none;
  /* padding-top: 20px;
  padding-left: 55px; */
}

.backdrop {
  position: fixed;
  top: 155px;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); 
  z-index: 2; 
}

@media (max-width: 768px) {
  .backdrop {
    position: fixed;
    top: 105px;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 2; 
  }
  .react-autosuggest__suggestions-container--open {
    position: fixed;
    top: 104px;
    left: 50%;
    /* right: 50%; */
    height: 100vh;
    width: 100%;
    /* min-width: 400px; */
    transform: translateX(-50%);
    max-width: 656px !important;
    /* border-radius: 26px !important; */
    /* overflow-x: hidden; */
    /* overflow-y: scroll; */
    z-index: 9999;
  border-radius: 0 !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  }
  .steps {
    position: relative;
    border: none;
    padding-top: 5px;
    padding-left: 0;
  }
  .react-autosuggest__input {
    height: 46px !important;
  }
  .search-button ,.endButton {
    right: 10px !important;
    top: 8px !important;
  }
  .react-autosuggest__input {
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 4px !important;
  }
}

.steps ul li {
  padding-right: 0px;
  padding-left: 5px;
}

.steps ul li:after {
  display: none;
}

.number {
  width: 15px;
  height: 15px;
  font-size: 13px;
  margin-right: 5px;
}

.content .current {
  padding-top: 0px;
}

.actions {
  padding: 0 40px;
}

.hide {
  display: none;
}

.carousel__dot {
  width: 50px;
}

/* membership */

.membership-pricing-table {
  background-color: #fff;
  border-radius: 6px;
  padding: 2px 11px 3px;
  margin-bottom: 12px;
  border-bottom: 1px solid transparent;
  transition: border 0.4s;
  width: 100%;
}

.membership-pricing-table table .icon-no,
.membership-pricing-table table .icon-yes {
  font-size: 22px;
}

.membership-pricing-table table .icon-no {
  color: #a93717;
}

.membership-pricing-table table .icon-yes {
  color: #209e61;
}

.membership-pricing-table table .plan-header {
  text-align: center;
  font-size: 48px;
  border: 1px solid #e2e2e2;
  padding: 25px 0;
}

.membership-pricing-table table .plan-header-free {
  background-color: #eee;
  color: #555;
}

.membership-pricing-table table .plan-header-blue {
  color: #fff;
  background-color: #61a1d1;
  border-color: #3989c6;
}

.membership-pricing-table table .plan-header-standard {
  color: #fff;
  background-color: #232f3f;
  border-color: #232f3f;
}

.membership-pricing-table table td {
  text-align: center;
  width: 15%;
  padding: 7px 10px;
  background-color: #fafafa;
  font-size: 14px;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
}

.membership-pricing-table table,
.membership-pricing-table table td {
  border: 1px solid #ebebeb;
}

.membership-pricing-table table tr td:first-child {
  background-color: transparent;
  text-align: right;
  width: 24%;
}

.membership-pricing-table table tr td:nth-child(5) {
  background-color: #fff;
}

.membership-pricing-table table tr:first-child td,
.membership-pricing-table table tr:nth-child(2) td {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.membership-pricing-table table tr:first-child th:first-child {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: #e2e2e2;
}

.membership-pricing-table table tr:first-child th .pricing-plan-name {
  font-size: 22px;
}

.membership-pricing-table table tr:first-child th .pricing-plan-price {
  line-height: 35px;
}

.membership-pricing-table table tr:first-child th .pricing-plan-price > sup {
  font-size: 45%;
}

.membership-pricing-table table tr:first-child th .pricing-plan-price > span {
  font-size: 30%;
}

.membership-pricing-table table tr:first-child th .pricing-plan-period {
  margin-top: -7px;
  font-size: 25%;
}

.membership-pricing-table table .header-plan-inner {
  position: relative;
}

.membership-pricing-table table .recommended-plan-ribbon {
  box-sizing: content-box;
  background-color: #dc3b5d;
  color: #fff;
  position: absolute;
  padding: 3px 6px;
  font-size: 11px !important;
  font-weight: 500;
  left: -6px;
  top: -22px;
  z-index: 1;
  width: 100%;
  -webkit-box-shadow: 0 -1px #c2284c inset;
  box-shadow: 0 -1px #c2284c inset;
  text-shadow: 0 -1px #c2284c;
}

.membership-pricing-table table .recommended-plan-ribbon:before {
  border: solid;
  border-color: #c2284c transparent;
  border-width: 6px 0 0 6px;
  bottom: -5px;
  content: "";
  left: 0;
  position: absolute;
  z-index: 90;
}

.membership-pricing-table table .recommended-plan-ribbon:after {
  border: solid;
  border-color: #c2284c transparent;
  border-width: 6px 6px 0 0;
  bottom: -5px;
  content: "";
  right: 0;
  position: absolute;
  z-index: 90;
}

.membership-pricing-table table .plan-head {
  box-sizing: content-box;
  background-color: #ff9c00;
  border: 1px solid #cf7300;
  position: absolute;
  top: -33px;
  left: -1px;
  height: 30px;
  width: 100%;
  border-bottom: none;
}

.shipping-modal .modal-dialog {
  width: 95%;
  max-width: 900px !important;
}

.shipping-modal .modal-dialog .row div {
  padding: 0px 2px;
}

.shipping-modal .modal-dialog p {
  font-size: 15px;
}

/* tick css */

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************ADDRESS BOOK STYLING*********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.addressBook-entries-title {
  margin-top: 12px;
}

.addressBook-entries-title h3 {
  font-size: 1.7rem;
  font-weight: 600;
}

.addressBook-address {
  background-color: #fff;
  display: flex;
  margin-top: 17px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(233, 233, 233, 0.698);
}

.person-add-book {
  flex: 1;
}

.person-add-book p {
  font-size: 1rem;
  color: #221924;
}

.edit-dlt-addBook {
  flex: 1;
  display: flex;
  justify-content: center;
}

.edit-add-book,
.dlt-add-book {
  margin: 4px;
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 26px;
  padding: 0;
  width: 100%;
  transition: 0.3s ease-in;
  outline: none;
}

.edit-add-book {
  background-color: var(--primary-color);
}

.edit-add-book:focus,
.dlt-add-book:focus {
  outline: none;
}

.edit-add-book:hover {
  background-color: var(--secondary-color);
}

.dlt-add-book {
  background-color: var(--error-color);
}

.dlt-add-book:hover {
  background-color: #970c2f;
}

.newAdd-addBook {
  width: 100%;
  background-color: var(--primary-color);
  margin: 4px;
  font-size: 1rem;
  border: none;
  border-radius: 25px;
  transition: 0.3s ease-in;
  color: #fff;
  padding: 12px;
  cursor: pointer;
}

.newAdd-addBook:hover {
  background-color: var(--secondary-color);
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************END ADDRESS BOOK STYLING*****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.breadcrumb {
  background-color: #ffffff;
  margin: 0;
  border-radius: 0;
  padding-left: 6px;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
}

.seller-product-img {
  width: 90px;
  height: 100px;
}

.dashboard-icons {
  color: var(--primary-color);
  font-size: 34px;
  padding: 5px;
}

/* 
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*****************SELLER ORDERS STYLING********************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

.seller-orders-content {
  background-color: #fff;
  margin-top: 17px;
  padding: 12px;
}

.edit-seller-info {
  text-align: center;
}

.seller-order-info {
  background-color: #fff;
  border: 1px solid #d9d8db;
  border-radius: 12px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  margin: 20px auto;
}

.edit-seller-orderBtn {
  padding: 10px;
  color: #fff;
  cursor: pointer;
  transition: 0.4s ease-in;
  border-radius: 8px;
  border: none;
  background-color: var(--primary-color);
}

.edit-seller-orderBtn:hover {
  background-color: var(--secondary-color);
}

.view-sellerOrder-btn {
  color: #fff;
}

.update-seller-order-status {
  margin: 12px auto;
}

.update-sellerOrder-status {
  background-color: var(--primary-color);
  padding: 8px;
  border: none;
  transition: 0.4s ease-in;
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
}

.update-sellerOrder-status:hover {
  background-color: var(--secondary-color);
}

.cancel-sellerOrder-status {
  background-color: var(--error-color);
  padding: 8px;
  border: none;
  transition: 0.4s ease-in;
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
}

.cancel-sellerOrder-status:hover {
  background-color: #921232;
}

/* 
||||||||||||||| |||||||||||||||||||||||||||||||||||||||||||
*****************END SELLER ORDERS STYLING****************
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/

#editSellerOrders {
  overflow: auto;
}

.disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.border-radius-8 {
  border-radius: 8px;
}
.border-radius-5 {
  border-radius: 5px;
}
.border-radius-right-8 {
  border-radius: 0 8px 8px 0;
}
.border-radius-left-8 {
  border-radius: 8px 0 0 8px;
}

.borderB-radius-8 {
  border-radius: 0 0 8px 8px;
}

.border-radius-50vw {
  border-radius: 50vw;
}

.border-radius-50 {
  border-radius: 50%;
}

.smallItem {
  max-width: 200px;
}

.h-48px {
  height: 48px;
}

.callUsCustomBtn {
  border-color: var(--primary-color) !important;
}

.custom-btn {
  border: none;
}

.dialog-gallery .image-gallery-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 85vh;
}

.pagi-button {
  background-color: #f4f4f5 !important;
  margin: 0px 10px;
  border-radius: 0;
  border: none;
  color: #221924;
  border-bottom: 2px solid #b9b6bc;
}

.pagi-button:hover {
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}

.active .pagi-button {
  background-color: #f4f4f5 !important;
  margin: 0px 10px;
  border-radius: 0;
  border: none;
  color: var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}

.modal-content .checkout-inps {
  margin: 0px !important;
}

/* .image-gallery { */
  /* background-color: orange; */
  /* width: 100%;
  height: auto; */
/* } */

/* .image-gallery .image-gallery-slide-wrapper .image-gallery-swipe .image-gallery-slides .image-gallery-slide{ */

/* .image-gallery .image-gallery-slides .image-gallery-slide{
  width: 100%;
  height: 100%;
} */

/* .image-gallery .image-gallery-slides .image-gallery-slide img{
  max-height: none !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.border-1-primary {
  border: 1px solid var(--primary-color) !important;
}

.border-2-primary {
  border: 2px solid var(--primary-color);
}

.border-2-transparent {
  border: 2px solid transparent;
}

.border-2-grey {
  border: 2px solid #9d9a9f;
}
.border-1-grey {
  border: 1px solid #9d9a9f;
}

.border-color-primary {
  border-color: var(--primary-color-hover);
}
.border-top-1{
  border-top: 1px solid #ddd;
}

.fullscreen .image-gallery-slide img {
  max-height: 100vh;
}

.navbar-expand .navbar-collapse {
  display: block !important;
  width: 100%;
}

@media (min-width: 803px) {
  .smallScreen-owlCarousel {
    display: none !important;
  }
  .md-screen {
    display: none !important;
  }
}

.lockIcon {
  width: 28px;
  height: 28px;
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
  pointer-events: none;
}

.navIcon {
  width: 30px;
  height: 30px;
}

@media (max-width: 802px) {
  .bigScreen-owlCarousel {
    display: none !important;
  }
}

@media (min-width: 871px) {
  .md-screen {
    display: none !important;
  }
}

@media (min-width: 870px) {
  .small-user-popup {
    display: none;
  }
}

@media (max-width: 870px) {
  .small-user-popup {
    display: none;
    box-shadow: 0 0 12px 7px #ddd;
  }
  .sm-toggle-user-popup:hover .small-user-popup {
    display: block;
  }
  .md-screen {
    display: inline-block !important;
  }
  .myaccount-dropdown-li .fa-user-circle {
    padding: 0px;
  }
  .list-dropdown-li .fa-heart {
    padding: 0 5px 0 0;
    font-size: 18px;
  }
}

/* Animations */

.animatable {
  /* initially hide animatable objects */
  visibility: hidden;
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

/* show objects being animated */

.animated {
  visibility: visible;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    -webkit-transform: translateX(20px);
  }
  80% {
    -webkit-transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    -moz-transform: translateX(20px);
  }
  80% {
    -moz-transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  80% {
    -o-transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    transform: translateX(20px);
  }
  80% {
    transform: translateX(-5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    -webkit-transform: translateX(-20px);
  }
  80% {
    -webkit-transform: translateX(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    -moz-transform: translateX(-20px);
  }
  80% {
    -moz-transform: translateX(5px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    -o-transform: translateX(-20px);
  }
  80% {
    -o-transform: translateX(5px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    transform: translateX(-20px);
  }
  80% {
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes moveUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes moveUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes moveUp {
  0% {
    opacity: 1;
    -o-transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes moveUp {
  0% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeBgColor {
  0% {
    background: none;
  }
  70% {
    background: none;
  }
  100% {
    background: #464646;
  }
}

@-o-keyframes fadeBgColor {
  0% {
    background: none;
  }
  70% {
    background: none;
  }
  100% {
    background: #464646;
  }
}

@keyframes fadeBgColor {
  0% {
    background: none;
  }
  70% {
    background: none;
  }
  100% {
    background: #464646;
  }
}

.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* mansory mega menu */

.masonry-mega-menu {
  /* Masonry container */
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
}

.item-mega-menu {
  width: 100%;
  max-width: 348px;
  break-inside: avoid;
  position: relative;
  margin-bottom: 16px;
}

.item-mega-menu img {
  max-width: 100%;
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
  .masonry-mega-menu {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .masonry-mega-menu {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media only screen and (min-width: 1201px) {
  .masonry-mega-menu {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

@media (min-width: 1400px) {
  .masonary__container {
    column-count: 4;
  }
}

@media (min-width: 768px) {
  .hide-above-tablet {
    display: none;
  }
}

@media (max-width: 1400px) {
  .customerServ-headquater,
  .customerServ-call,
  .customerServ-hours {
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 1120px) {
  .masonary__container {
    column-count: 4 !important;
  }
}

@media (min-width: 1280px) {
  .font-responsive {
    font-size: inherit;
  }
}
.shop-by .section-heading {
  font-size: 1.9375rem;
  font-weight: 700;
}

@media (max-width: 1280px) {
  .font-responsive {
    font-size: 13px;
  }
  .product-cards-price .priceText {
    font-size: 1.42rem;
  }
  .r-none {
    display: none !important;
  }
  .r-flex-wraped {
    flex-wrap: wrap;
  }
  .r-flex-column {
    flex-direction: column;
  }
  .r-flex-end {
    justify-content: flex-end;
  }
  .summary-item-body {
    flex-wrap: wrap;
  }
  .main-mega-nav {
    padding: 0;
  }
  .main-mega-nav {
    padding: 0 !important;
  }
}

.desktopScreen-productDetail {
  display: block;
}
.desktopScreen-productDetail span, .product1-shiping-date span{
  color: #8e8e8e;
  font-weight: 300;
  font-size: 1.25rem;
}

.smallScreen-productDetail {
  display: none;
}

@media (max-width: 768px) {
  .productview-body .btn{
    border-radius: 0px;
  }
  .desktopScreen-productDetail {
    display: none;
  }
  .smallScreen-productDetail {
    display: block;
  }
}

@media (max-width: 1159px) and (min-width: 896px) {
  .products-items > .row > .col-md-3 {
    flex: 0 0 33%;
    max-width: 33%;
  }
}

@media (max-width: 895px) and (min-width: 556px) {
  .products-items > .row > .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.product-cards-txt .row {
  margin: 0;
}

.product-cards-txt .row .col-md-2 {
  padding: 0 2px !important;
}

.alert-border {
  border: 1px solid var(--error-color) !important;
  box-shadow: inset 0 0 0 2px var(--error-color) !important;
}

.alert-color,
.creat-inp-error {
  color: var(--error-color) !important;
}

.MuiPaper-rounded {
  border-radius: 8px ;
}

.MuiRating-label {
  display: unset !important;
}

.MuiFormControl-root {
  width: 100%;
}

.MuiOutlinedInput-root {
  border-radius: 8px;
}

.MuiInput-underline:before {
  border-bottom: none !important;
}

.MuiInput-underline:after {
  border-bottom: none !important;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--primary-color) !important;
}

.MuiInputLabel-root.Mui-focused {
  color: var(--primary-color) !important;
}

.MuiFormHelperText-root {
  color: rgba(0, 0, 0, 0.54);
  margin: 0;
  font-size: 0.75rem;
  margin-top: 3px;
  text-align: left;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em;
}

.MuiPagination-ul {
  justify-content: center;
  flex-wrap: nowrap !important;
}

.footer-social-icons5 li i:nth-child(3) {
  display: none !important;
}

.insta a i {
  color: var(--primary-color);
  margin: 0 2px;
  padding: 0 4px;
  border-radius: 50%;
}

.image-gallery-bullet {
  margin: 12px;
  border: 1px solid var(--primary-color);
}

.grouping-left {
  text-decoration: none;
  color: var(--text-color);
}

.grouping-left:hover {
  text-decoration: none;
  color: var(--text-color);
}

.p-recent {
  padding: 10px 12px;
}

.recently-viewed-title {
  line-height: 1.42;
  font-size: 1.9375rem;
  font-weight: 700;
}

.recent-views-heading {
  font-size: 1.25rem;
  font-weight: 700;
}

.box-bluring {
  box-shadow: none;
}

.half-box {
  box-shadow: none;
  background: linear-gradient(180deg, white, #f4f4f5);
}

.half-box span {
  color: #605b56 !important;
}

.half-box span {
  background: -webkit-linear-gradient(#4c574e, #f5f5f6);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.m-auto {
  margin: auto;
}

.width-owl-item .owl-item {
  max-width: 200px;
}

.noTransform {
  transform: translate3d(0px, 0px, 0px);
}

/* START min width 768 */

@media (min-width: 769px) {
  .showOnSmallScreens {
    display: none !important;
  }

  /* width */
  ::-webkit-scrollbar {
    width: 0px;
  }

  body::-webkit-scrollbar {
    width: 5px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(0, 0, 0);
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #0b0b0b;
    cursor: pointer;
  }

  .hideOnSmallScreen {
    display: block !important;
  }
  .wrapper-90-on-desktop {
    width: 94vw;
    margin: 0 auto;
  }
  .sm-show {
    display: none;
  }
  .mr-txt {
    margin-left: 8px;
  }

  .my-account, .my-cart{
    margin-top: -4px;
  }

  .product-cards:hover .card-inner-area .quick-view-btn a {
    display: block;
  }
  #header {
    max-width: 1600px;
    width: 90vw;
  }
  .fNav-margin {
    margin-left: 16px;
  }
  .sticky .sticky-cart-icon {
    display: block;
  }
  .small-shown {
    display: none;
  }
  .staticCard-icons {
    flex-direction: column;
  }
  .add-book-footer {
    max-width: 50%;
  }
  .masonary__container {
    column-count: 2;
  }
}

.react-autosuggest__section-container li{
  border:1px solid transparent;
 
}
.react-autosuggest__section-container--first ul:first-of-type li:hover{
  background-color: #fff !important;
  border:1px solid #e1e5e8;
  border-radius: 6px;

}
@media (min-width: 768px) {
  .react-autosuggest__section-container--first ul:first-of-type{
    padding:0 4px !important;
  }
.react-autosuggest__section-container--first ul:first-of-type li{
  padding-top: 5px !important;
}
.react-autosuggest__section-container--first ul:first-of-type li:hover{
  padding-top: 5px !important;
}
}

@media (max-width: 415px) {
  .react-autosuggest__section-container--first ul:first-of-type li{
    padding: 6px !important;
  }
}
@media (max-width: 395px) {
  .react-autosuggest__section-container--first ul:first-of-type li{
    padding: 4px !important;
  }
}

/* END min width 768 */

/* START max width 768 */

@media (max-width: 768px) {

  .showOnSmallScreens {
    display: block !important;
  }
  .change-btn {
    height: 40px;
    width: 100%;
    color: #fff;
    border: 0px;
    box-shadow: 0 1px 2px rgb(34 25 36 / 20%);
  }
  .showOnBigScreens {
    display: none !important;
  }
  .small-d-flex {
    display: flex;
  }
  .small-hidden {
    display: none !important;
  }
  .small-overflow-x-auto {
    overflow-x: auto;
  }
  .small-flex-wrap {
    flex-wrap: wrap;
  }
  .small-flex-column {
    flex-direction: column;
  }
  .small-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .small-screen-align-start {
    align-items: start !important;
  }
  .staticCard-icons h4 {
    margin: 0;
    font-size: 1.25rem;
  }
  .addBoxshadow {
    box-shadow: none;
  }
  .pop-small-box-shadow {
    box-shadow: 10px 9060px 0px 9000px rgba(0, 0, 0, 0.5);
  }
  .small-w100 {
    width: 100% !important;
  }
  .small-p0 {
    padding: 0 !important;
  }
  .productNumberTogglerBtn {
    padding-top: 0;
  }
  .sticky li:nth-child(7) {
    display: none !important;
  }
  .heroBottom-recentImgs {
    /* align-self: flex-end; */
    align-self: center;
    height: 100%;
    object-fit: cover;
  }
  .react-autosuggest__suggestion {
    padding: 12px 4px !important;
    /* border-bottom: 1px solid #ddd; */
  }
  .react-autosuggest__suggestions-container--open {
    /* border-radius: 7px; */
   margin-top: 0px;   
    max-width: 400px;
  }
  .navigation-bar .first-nav-list .list-dropdown-li {
    padding: 0 !important;
    margin-left: 4px;
  }
  .sticky li:nth-child(1) {
    padding: 0 2px !important;
  }
  .sticky .first-nav-list {
    width: 93vw;
    margin: 0 auto;
  }
  .sticky {
    /* display: none !important; */
    padding: 0;
    padding: 15px 15px 4px 15px;
    overflow-y: auto;
  }
  .small-p0 {
    padding: 0 !important;
  }
  .recentCards {
    margin-top: 6px;
    gap: 15px;
  }
  .recentCard-txt {
    display: none;
  }
  .recentCard {
    padding: 0;
  }
  .product-cards {
    margin: 0;
  }
  .payment-month-cvc {
    grid-template-columns: 100%;
  }
  .product-cards-price .priceText {
    font-size: 1.2rem;
  }
  .login-boxes-w {
    width: 100%;
  }
  .small-radius-0 {
    border-radius: 0;
    border: none;
  }
  #create-acc-header {
    margin-top: 0;
  }
  .category-wrapper,.my-cart-heading{
    padding-top: 1.2rem;
  }
 .mobile-padding-top-zero{
  padding-top: 0 !important;
 }
 .slick-slide{
  /* margin-top: 3px; */
  box-shadow: rgba(131, 131, 131, 0.7215686275) 0px -4px 3px;
 }
}

/* END max width 768 */

/* remove arrows of input type number */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.earn-button {
  border-radius: 8px;
  height: 50px;
  border: none;
  padding: 0 20px;
  white-space: nowrap;
  /* background-color: var(--primary-color); */
  background-color: #004247;
  cursor: pointer;
  margin-left: 10px;
  font-weight: 800;
}
.earn-button div {
  color: #fff;
  font-size: 1.42rem;
  padding-bottom: 3px;
}
.earn-button div span {
  color: #fff;
  font-weight: bold;
  font-size: 1.9rem;
}

.SearchGap {
  gap: 15px;
}
.search-page-filter-options .circle {
  background-color: transparent;
}
.searchFilterPage {
  flex-basis: 20% !important;
  /* box-shadow: 0 3px 6px rgb(34 25 36 / 20%); */
}
.searchProductPage {
  flex-basis: 80% !important;
}
@media (max-width: 768px) {
  .modal-content .allProductsFiltersData{
    width: 100% !important;
  }
  .modal-body {
    padding: 0 1rem;
  }
  .shipping-modal .table-responsive{
    overflow-x: hidden !important;
  }
  .searchFilterPage {
    flex-basis: 20% !important;
  }
  .searchProductPage {
    flex-basis: 100% !important;
  }
}

.productFilterSidebar .circle-checkbox {
  display: flex;
  align-items: center;
}

.productFilterSidebar .circle {
  width: 16px;
  height: 16px; 
  border: 1px solid #2f2f2f; 
  border-radius: 50%; 
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productFilterSidebar input[type="checkbox"]:checked + .circle {
  background-color: var(--primary-color); 
}
.productFilterSidebar .disabled {
  pointer-events: none; 
}


.productFilterSidebar .circle.disabled {
  background-color: #ccc; 
  border-color: #ccc; 
}
.carousel__dot {
  border: none !important;
  background-color: #faf9f9 !important;
  margin: 8px;
}
.letterSpace0 {
  letter-spacing: 0mm;
}
.coupon-svg svg {
  margin-bottom: -2px;
}
.dropdown-cash-coupon .dropdown-product-page {
  position: relative !important;
  float: unset !important;
  z-index: initial !important;
}
.cashback-btn{
  height: 64px;
}
.topr-bottoml-border-radius {
  border-radius: 4px 4px 0px 0px !important;
}
.topl-bottomr-border-radius {
  border-radius: 0px 0px 4px 4px !important;
}
.border-left-right-gray {
  border-left: 1px solid #e4e4e4 !important;
  border-right: 1px solid #e4e4e4 !important;
}
.border-bottom-gray {
  border-bottom: 1px solid #e4e4e4 !important;
}
.text-height-0 {
  line-height: 1 !important;
}
.text-height-1-3 {
  line-height: 1.3 !important;
}
.text-height-1 {
  line-height: 1.5 !important;
}

.text-height-2 {
  line-height: 2 !important;
}

.text-height-3 {
  line-height: 2.5 !important;
}

.text-height-4 {
  line-height: 3 !important;
}

.text-height-5 {
  line-height: 3.5 !important;
}
.shadow-onbox {
  box-shadow: rgb(34 25 36 / 20%) 0 2px 8px;
  border: 1px solid rgb(231, 231, 232);
}
.negative-letter-space {
  letter-spacing: -1px;
}
.w-40 {
  width: 40% !important;
}
.w-60 {
  width: 60% !important;
}

.MuiFormLabel-root,
.MuiInputBase-input::-webkit-input-placeholder {
  font-family: sofia-pro-soft, sans-serif !important;
  font-size: 18px !important;
  background-color: #fff;
}

.MuiInputBase-input:-ms-input-placeholder {
  font-family: sofia-pro-soft, sans-serif !important;
}

.MuiInputBase-input:-moz-placeholder {
  font-family: sofia-pro-soft, sans-serif !important;
}

.MuiInputBase-input::-moz-placeholder {
  font-family: sofia-pro-soft, sans-serif !important;
}
.MuiInputBase-input {
  /* height: 1.4em !important; */
  /* border:1px solid #000 !important;
  border-radius: 8px !important; */
}
.sale-price-container{
  flex-direction: row;
}

.main-header {
  transition: filter 0.1s ease-in-out, background-color 0.1s ease-in-out;
}


/* .comments-container > .MuiPaper-rounded {
  border-radius: 0px !important;
} */

.creator-comments{
  border-top-right-radius: 0px !important;
}
.viewer-comments{
  border-top-left-radius: 0px !important;
}

.PrivateNotchedOutline-root-6{
  margin-top: -1px !important;
}

.textOneLine {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  width: 100%; /* Ensure full width */
}

.textOneLine:hover {
  overflow: visible;
  text-overflow: unset;
  white-space: normal;
  word-wrap: break-word; /* Added to handle long words */
}

@media (max-width: 768px) {
  .mobile-checkout{
    width: 100% !important;
    margin: 0 !important;
  }
}

 .txt-size{
    font-family: sofia-pro, sans-serif  !important;
  }

@media (min-width:315px) and (max-width:335px){
  .txt-size{
    font-size: 8px !important;
    font-family: sofia-pro, sans-serif  !important;
  }
  .icn-size{
   width: 10px !important;
   font-size: 8px !important;
    font-family: sofia-pro, sans-serif  !important;
  }
 }
 @media (min-width:336px) and (max-width:376px){
  .txt-size{
    font-size: 10px !important;
     font-family: sofia-pro, sans-serif  !important;
  }
  .icn-size{
   width: 12px !important;
   font-size: 10px !important;
    font-family: sofia-pro, sans-serif  !important;
  }
 }

 .css-hdw1oc{
  width: auto !important;
 }