.spinningDiamond {
  display: flex;
  align-items: center;
  justify-content: center
}
.spinningDiamond.loadingFullScreen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
  }
.spinningDiamond.loadingFullScreen img {
      width: 30%;
    }

.src-app-components-common-Well__well {
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  padding: 20px
}
.src-app-components-common-Well__well strong {
    color: #000000;
  }

.src-app-components-common-Button__button {
  padding: 12px 30px;
  font-family: 'Futura Regular';
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #e8e8e8;
  color: #fff;
  border: none;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
}

.src-app-components-common-Button__primaryButton {
  background-color: #000000;
  border-radius: 6px;
  /* box-shadow: 0 3px 0 0 #0da07a; */
}

.src-app-components-common-Button__plainPrimaryButton {
  background-color: #000000;
}

.src-app-components-common-Button__ghostButton {
  color: #000000;
  background: none;
  border-radius: 0;
  border: 2px solid #000000;
}
.src-app-components-common-Card__card {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #f1f1f1
}
.src-app-components-common-Card__card .cardIcon {
    font-size: 36px;
    color: #aaa
  }
.src-app-components-common-Card__card .cardIcon.icon {
      display: inline-block;
    }
.src-app-components-common-Card__card .cardHeader {
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
  }
.src-app-components-desktop-common-Page__page {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  background-color: #fff;
}

.src-app-components-desktop-common-PageContent__pageContent {
  padding: 0 20px;
  width: min(100%, 1280px);
}
.src-app-components-desktop-common-PageContentContainer__container {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #f7f7f7;
}

.src-app-components-desktop-common-PageContentContainer__pageContent {
  width: 70%;
  display: flex;
  padding: 25px 0
}

.src-app-components-desktop-common-PageContentContainer__pageContent .card {
    background-color: #fff;
  }

.src-app-components-desktop-common-MetaBar__metaBar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 0;
  background-color: #000000;
  color: #fff
}

@media (max-width: 1024px) {

.src-app-components-desktop-common-MetaBar__metaBar {
    padding: 15px 0
}
  }

.src-app-components-desktop-common-MetaBar__pageContent {
  display: flex;
  align-items: center;
  justify-content: center;
}

.src-app-components-desktop-hero-Plain__hero {
  width: 100%;
  height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f7f4f2 url(/55d29cbafb6393650732dd093a28b2e7.png);
  background-size: 90rem auto
}
.src-app-components-desktop-hero-Plain__hero img {
    width: 28px;
    margin-bottom: 20px;
  }
.src-app-components-desktop-hero-Plain__hero h1 {
    color: #39384d;
    font-family: 'Playfair Display Bold';
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 42px;
    margin-top: 5px;
  }
.src-app-components-desktop-hero-Plain__hero h2 {
    color: #39384d;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
  }
.src-app-components-desktop-hero-Plain__hero h3 {
    color: #39384d;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 12px 0 0 0;
  }
.src-app-components-desktop-hero-Plain__hero h4 {
    color: #39384d;
    font-size: 18px;
    font-weight: 300;
    margin: 6px 0 10px 0;
    text-align: center;
    line-height: 24px;
  }
h4.src-app-components-desktop-hero-Plain__maintitle {
  color: #39384d;
    font-family: 'Playfair Display Bold';
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 42px;
    margin-top: 5px;
}
.src-app-components-desktop-navbar-Menu__menu {
  height: 100%;
  display: flex;
  align-items: center;
}

.src-app-components-desktop-navbar-Menu__navItem {
  height: 100%;
  margin: 0 14px
}

@media (max-width: 768px) {

.src-app-components-desktop-navbar-Menu__navItem {
    margin: 0 10px
}
  }

.src-app-components-desktop-navbar-Menu__navItem {

  position: relative
}

.src-app-components-desktop-navbar-Menu__navItem a {
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase
  }

.src-app-components-desktop-navbar-Menu__navItem a:hover {
      color: #000;
    }

.src-app-components-desktop-navbar-Menu__navItem .icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 40px;
  }

.src-app-components-desktop-navbar-Menu__navItem img {
    width: 36px;
    margin: 0 5px;
  }

.src-app-components-desktop-navbar-Menu__navItem::after {
  position: absolute;
  top: 65%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #eee;
  content: '';
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(10px);
}

.src-app-components-desktop-navbar-Menu__navItem:hover::after {
  opacity: 1;
  transform: translateY(0px);
}

.src-app-components-desktop-navbar-Menu__activeNavItem {
  color: #000000;
  font-weight: bold;
}

.src-app-components-desktop-navbar-Menu__separator {
  display: inline-block;
  width: 1px;
  height: 30%;
  margin: 0 10px;
  background-color: #dedede;
}

.src-app-components-desktop-navbar-Menu__settingsButton {
  display: flex;
  align-items: center;
  color: #aaa
}

.src-app-components-desktop-navbar-Menu__settingsButton .fa-cog {
    font-size: 30px;
    margin-right: 5px;
  }

.src-app-components-desktop-navbar-Menu__settingsButton .fa-caret-down {
    font-size: 14px;
  }

.src-app-components-desktop-navbar-Menu__settingsButtonActive {
  color: #000000;
  position: relative;
}

.src-app-components-desktop-navbar-Menu__postAdButton {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  transition: all 0.2s ease;
  padding: 12px 18px;
  text-transform: uppercase
}

@media (max-width: 992px) {

.src-app-components-desktop-navbar-Menu__postAdButton {
    padding: 12px 12px;
    font-size: 12px
}
  }

@media (max-width: 768px) {

.src-app-components-desktop-navbar-Menu__postAdButton {
    padding: 12px 10px
}
  }

.src-app-components-desktop-navbar-Menu__postAdButton:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-desktop-navbar-Menu__sellerLoginButton {
  /* @media (max-width: 1024px) {
    display: none;
  } */
}

.src-app-components-desktop-navbar-Menu__messageNotification {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #ff6262;
  border-radius: 50%;
  top: 22px;
  right: -5px;
}

.src-app-components-desktop-navbar-Dropdown__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-top: 30px
}

.src-app-components-desktop-navbar-Dropdown__wrapper h2 {
    text-transform: uppercase;
    font-size: 25px;
  }

.src-app-components-desktop-navbar-Dropdown__dropdown {
  box-sizing: border-box;
  max-width: 100%;
  padding: 15px 20px;
  display: flex;
  grid-gap: 10px;
  margin: 20px 20px;
  /* justify-content: center; */
  color: #a2a2ab;
  background-color: #fff;
  overflow-x: auto;
  /* flex-wrap: wrap; */
}

.src-app-components-desktop-navbar-Dropdown__dropdown::-webkit-scrollbar {
  height: 5px;
}

.src-app-components-desktop-navbar-Dropdown__dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.src-app-components-desktop-navbar-Dropdown__dropdown::-webkit-scrollbar-thumb {
  background-color: #000000;
}

.src-app-components-desktop-navbar-Dropdown__navItem {
  margin: 0;
  background-color: #f1f1f1;
  padding: 10px 20px;
  color: #000000;
  font-size: 16px;
  font-weight: 400
}

@media (max-width: 1024px) {

.src-app-components-desktop-navbar-Dropdown__navItem {
    font-size: 12px
}
  }

.src-app-components-desktop-navbar-Dropdown__navItem {

  transition: all 0.2s ease
}

.src-app-components-desktop-navbar-Dropdown__navItem a {
    text-transform: uppercase;
  }

.src-app-components-desktop-navbar-Dropdown__navItem:hover::after {
  opacity: 0;
}

.src-app-components-desktop-navbar-Dropdown__navItem:hover {
  color: #39384d;
}

.src-app-components-desktop-navbar-Dropdown__navItem > div {
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.src-app-components-desktop-navbar-Dropdown__navItem i {
  font-size: 10px;
  margin-left: 5px;
}

.src-app-components-desktop-navbar-Dropdown__navDropDown {
  position: absolute;
  display: none;
  padding: 10px 25px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px;
  z-index: 99;
  top: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #a2a2ab;
}

.src-app-components-desktop-navbar-Dropdown__navItem:hover .src-app-components-desktop-navbar-Dropdown__navDropDown {
  display: block;
}

.src-app-components-desktop-navbar-Dropdown__navDropDown a {
  text-transform: none;
  padding: 15px 0;
  border-top: 1px dashed #ddd
}

.src-app-components-desktop-navbar-Dropdown__navDropDown a:nth-of-type(1n) {
    border-top: 0px dashed #ddd;
  }

.src-app-components-desktop-navbar-Dropdown__navDropDown a:nth-of-type(2n) {
    border-top: 1px dashed #ddd;
  }

.src-app-components-desktop-navbar-Dropdown__navDropDown a:nth-of-type(3n) {
    border-top: 1px dashed #ddd;
  }

.src-app-components-desktop-navbar-Dropdown__navDropDown a:nth-of-type(4n) {
    border-top: 1px dashed #ddd;
  }

.src-app-components-desktop-navbar-Dropdown__navDropDown a:nth-of-type(5n) {
    border-top: 1px dashed #ddd;
  }

.src-app-components-desktop-navbar-Dropdown__navDropDown a:hover {
  color: #39384d;
}

.src-app-components-desktop-navbar-Dropdown__deals {
  color: #ce6774;
}

.src-app-components-desktop-aboutus-AboutUs__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: 1980px;
  left: 252px;
  top: 239px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  box-shadow: 0px 3px 0px #aaaaaa;
  border-radius: 4px;
}

.src-app-components-desktop-aboutus-AboutUs__title {
  text-transform: uppercase;
}

.src-app-components-desktop-aboutus-AboutUs__titleInside {
  font-size: 20px;
  margin: 5px 0 20px 0;
  text-align: center;
}

.src-app-components-desktop-aboutus-AboutUs__container {
  width: 100%;
  line-height: 22px
}

.src-app-components-desktop-aboutus-AboutUs__container img {
    width: 290px;
    height: 397.63px;
  }

.src-app-components-desktop-aboutus-AboutUs__well {
  width: 842px;
  height: 399px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: left;
  margin-bottom: 20px
}

.src-app-components-desktop-aboutus-AboutUs__well strong {
    color: #000;
  }

.src-app-components-desktop-aboutus-AboutUs__well li {
    margin-left: 40px;
    list-style-type: circle;
  }

.src-app-components-desktop-aboutus-AboutUs__topPart {
  display: flex;
}

.src-app-components-desktop-aboutus-AboutUs__ctaButton {
  width: 238px;
  height: 46px;
  margin-left: 33%;
  margin-top: 15px;
}

.src-app-components-desktop-aboutus-AboutUs__legal {
  font-size: 12px;
  color: #aaa;
  text-align: center;
}

.src-app-components-desktop-aboutus-AboutUs__topPortion {
  width: 474px;
  height: 338px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 26px */
  padding-left: 20px;
  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-aboutus-AboutUs__well_2 {
  width: 842px;
  height: 197px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
}

.src-app-components-desktop-aboutus-AboutUs__topPortion_2 {
  padding: 20px;
  width: 800px;
  height: 147px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-aboutus-AboutUs__h2 {
  padding: 20px;
  width: 734px;
  height: 24px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  color: #000666;
}

.src-app-components-desktop-aboutus-AboutUs__well_3 {
  width: 842px;
  height: 338px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
}

.src-app-components-desktop-aboutus-AboutUs__topPortion_3 {
  padding: 20px;
  width: 800px;
  height: 233px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-aboutus-AboutUs__well_4 {
  width: 842px;
  height: 394px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
}

.src-app-components-desktop-aboutus-AboutUs__topPortion_4 {
  padding: 20px;
  width: 800px;
  height: 370px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-aboutus-AboutUs__well_5 {
  width: 842px;
  height: 235px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
}

.src-app-components-desktop-aboutus-AboutUs__topPortion_5 {
  padding: 20px;
  width: 800px;
  height: 233px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-aboutus-AboutUs__linkColor {
  color: #000000;
}
.src-app-components-common-IndexBadge__indexBadge {
  width: 40px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  top: 10px;
  left: -10px;
  font-size: 20px;
  text-align: center;
  background-color: #fff;
  color: #838383;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 2px 2px 0 0 #ddd;
}

.src-app-components-common-DiamondPrice__diamondPrice {
  color: #a9a9a9;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  grid-gap: 5px;
  flex-wrap: wrap;
  /* justify-content: center; */
  align-items: center;
}

.src-app-components-common-DiamondPrice__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Futura Medium';
  font-weight: 800;
}

.src-app-components-common-DiamondPrice__plusTax {
  margin-left: 3px;
  text-transform: lowercase;
}

.src-app-components-common-DiamondPrice__currency {
  margin-left: 1px;
  text-transform: uppercase;
}

.src-app-components-common-DiamondPrice__discountPrice {
  color: #000;
  font-size: 18px;
  /* color: var(--mainColor); */
  /* font-size: 14px; */
  font-family: 'Futura Medium';
  font-weight: 800;
}

.src-app-components-common-DiamondPrice__discount {
  /* display: block;
  text-align: center; */
  font-size: 10px;
}

@media only screen and (max-width: 767px) {
  .src-app-components-common-DiamondPrice__discountPrice {
    color: #000;
    /* font-size: 12px; */
  }
  .src-app-components-common-DiamondPrice__discount {
    font-size: 14px;
  }
}

@media only screen and (max-width: 400px) {
  .src-app-components-common-DiamondPrice__discountPrice {
    color: #000;
    font-size: 12px !important;
  }

  .src-app-components-common-DiamondPrice__discount {
    font-size: 11px;
  }
}

.src-app-components-desktop-common-DiamondCard__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; */
  padding: 0;
  background-color: #fff;
  cursor: pointer;
}

.src-app-components-desktop-common-DiamondCard__image:after {
  content: '';
  position: absolute;
  z-index: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
}

.src-app-components-desktop-common-DiamondCard__image {
  position: relative;
  width: 100%;
  height: 350px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  z-index: 1
}

.src-app-components-desktop-common-DiamondCard__image img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
  }

.src-app-components-desktop-common-DiamondCard__image img.src-app-components-desktop-common-DiamondCard__thumbnailImagenull {
      width: 100%;
      height: 100%;
      position: relative;
      top: auto;
      left: auto;
      transform: translateX(0%);
      -o-object-fit: contain;
         object-fit: contain;
    }
/* @media (min-width: 768px) and (max-width: 992px) {
  .image .thumbnailImage {
    width: 350px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: cover;
  }
} */

& .src-app-components-desktop-common-DiamondCard__distance {
  margin: 2px 0 0 0;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 500;
  background-color: #888;
  color: #fff;
  border-radius: 4px;
}

.src-app-components-desktop-common-DiamondCard__defaultImage {
  position: relative
}

.src-app-components-desktop-common-DiamondCard__defaultImage img {
    width: 100%;
    height: auto;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }

.src-app-components-desktop-common-DiamondCard__verified {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2
}

.src-app-components-desktop-common-DiamondCard__verified img {
    width: 30px;
    height: 30px;
  }

.src-app-components-desktop-common-DiamondCard__settingIcon {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 235px
}

.src-app-components-desktop-common-DiamondCard__settingIcon img {
    width: 30px;
  }

.src-app-components-desktop-common-DiamondCard__content {
  width: calc(100% - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}

.src-app-components-desktop-common-DiamondCard__price {
  margin-bottom: 3px;
  padding: 0 5px;
}

.src-app-components-desktop-common-DiamondCard__callForPrice {
  font-size: 16px;
}

.src-app-components-desktop-common-DiamondCard__title {
  width: 100%;
  margin: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.src-app-components-desktop-common-DiamondCard__distance {
  font-family: 'Playfair Display Regular', serif;
  margin: 0;
}

.src-app-components-desktop-common-DiamondCard__freeShipping {
  margin-top: 10px;
}

.src-app-components-desktop-common-DiamondCard__fourCs {
  width: 100%;
  margin: 15px 0;
  padding: 10px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  justify-content: space-between
}

.src-app-components-desktop-common-DiamondCard__fourCs .src-app-components-desktop-common-DiamondCard__value {
    text-transform: uppercase;
  }

.src-app-components-desktop-common-DiamondCard__ratingsPanel {
  width: 100%;
  margin: 20px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #dbdbdb;
  display: flex;
  justify-content: center
}

.src-app-components-desktop-common-DiamondCard__ratingsPanel .src-app-components-desktop-common-DiamondCard__value {
    text-transform: uppercase;
  }

.src-app-components-desktop-common-DiamondCard__rating {
  color: #f7d202;
  cursor: pointer;
}

.src-app-components-desktop-common-DiamondCard__reviewdtn {
  color: #959595;
  font-weight: 600;
  cursor: pointer;
}

.src-app-components-desktop-common-DiamondCard__notRated {
  color: #ddd;
}

.src-app-components-desktop-common-DiamondCard__ratingContainer {
  width: 100%;
}

.src-app-components-desktop-common-DiamondCard__ratingStars {
  padding-top: 2px;
  text-align: center;
}

.src-app-components-desktop-common-DiamondCard__retailerName {
  width: 100%;
  color: rgb(169, 169, 169);
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-desktop-common-DiamondCard__value {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-desktop-common-DiamondCard__label {
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
}

.src-app-components-desktop-common-DiamondCard__fancyColorValue {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  position: relative;
  top: -1px
}

.src-app-components-desktop-common-DiamondCard__fancyColorValue.black {
    background-color: #222;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.blue {
    background-color: #5598ac;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.brown {
    background-color: #946b3c;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.canary {
    background-color: #efd81c;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.champagne {
    background-color: #c0a880;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.cognac {
    background-color: #cea185;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.green {
    background-color: #85c070;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.grey {
    background-color: #999;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.orange {
    background-color: #f5a23b;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.pink {
    background-color: #feb7c6;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.purple {
    background-color: #af7bbb;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.red {
    background-color: #e15650;
  }

.src-app-components-desktop-common-DiamondCard__fancyColorValue.yellow {
    background-color: #f8e8a1;
  }

.src-app-components-desktop-common-DiamondCard__controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.src-app-components-desktop-common-DiamondCard__button {
  padding: 6px 0;
  width: 48%;
  font-weight: 300;
}

.src-app-components-desktop-common-DiamondCard__saveButton {
  color: #000000;
  background-color: #fff;
  border: 2px solid #dbdbdb
}

.src-app-components-desktop-common-DiamondCard__saveButton .icon {
    position: relative;
    top: 1px;
    left: -5px;
  }

.src-app-components-desktop-common-DiamondCard__saveButtonSaved {
  color: #000000;
}

.src-app-components-desktop-common-DiamondCard__detailsButton {
  color: #000000
}

.src-app-components-desktop-common-DiamondCard__detailsButton a {
    padding: 6px 15px;
  }

.src-app-components-desktop-common-DiamondCard__inStockButton {
  background-color: #000000
}

.src-app-components-desktop-common-DiamondCard__inStockButton a {
    padding: 6px 15px;
  }

.src-app-components-desktop-common-DiamondCard__ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}

.src-app-components-desktop-common-DiamondCard__ribbon__content {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-desktop-common-DiamondCard__finePrint {
  font-size: 8px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

.src-app-components-desktop-common-DiamondCard__newrcont {
  .src-app-components-desktop-common-DiamondCard__newsrinfotitle {
    width: 100%;

    p {
      width: 100%;
      margin-top: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: 'Futura Medium';
      font-weight: 800;
      font-size: 18px;
      white-space: nowrap;
    }
  }

  .src-app-components-desktop-common-DiamondCard__newsrinfodis {
    width: 100%;
    display: flex;

    p {
      strong {
        color: #000000;
        font-size: 14px;
        font-family: 'Futura Medium';
        font-weight: 800;
      }

      span {
        font-size: 14px;
        color: #959595;
      }
    }
  }

  .src-app-components-desktop-common-DiamondCard__newsrinfobyreting {
    display: flex;
    justify-content: space-between;
    width: 100%;

    .src-app-components-desktop-common-DiamondCard__postby {
      display: flex;
      align-items: center;
      grid-gap: 4px;
      min-width: 0;
      flex: 1;

      span {
        font-size: 14px;
        color: #959595;
        flex-shrink: 0;
      }

      strong {
        color: #000000;
        font-size: 14px;
        font-family: 'Futura Medium';
        font-weight: 800;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
      }
    }
  }

  .src-app-components-desktop-common-DiamondCard__newsrinfostock {
    width: 100%;
    display: flex;
    justify-content: end;

    button {
      border-radius: 0px;
    }
  }

  .src-app-components-desktop-common-DiamondCard__newsrinfoprice {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;

    .src-app-components-desktop-common-DiamondCard__price {
      span {
        color: #000000;
        font-size: 14px;
        font-family: 'Futura Medium';
        font-weight: 800;
      }
    }

    span {
      font-size: 14px;
      color: #959595;
    }
  }
}

.src-app-components-desktop-common-DiamondCard__newsaveButton {
  background-color: #e4ded4;
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #fff !important;
  border: none;
  font-size: 18px;
  /* line-height: 51px; */
  /* background: rgba(255, 255, 255); */
  z-index: 9;
}
@media (max-width: 992px) {
  .src-app-components-desktop-common-DiamondCard__newrcont {
    .src-app-components-desktop-common-DiamondCard__newsrinfoprice {
      .src-app-components-desktop-common-DiamondCard__price {
        span {
          font-size: 12px;
        }
      }
      span {
        font-size: 12px;
      }
    }
  }
}

.src-app-components-desktop-box-Header__header {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
}

.src-app-components-desktop-box-Header__pageContent {
  width: 70%;
  height: 220px;
  color: #000000;
  display: flex;
  justify-content: flex-end;
  position: relative;
  background: #fff url(/4b3201195e6d2281b6350f9aa245a4b9.jpg) -30px 0 / auto 100% no-repeat;
}

.src-app-components-desktop-box-Header__content {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.src-app-components-desktop-box-Header__ringboxButton {
  position: absolute;
  top: 35%;
  left: 7%;
  background: none;
  border: none
}

.src-app-components-desktop-box-Header__ringboxButton img {
    width: 120px;
    height: 120px;
  }

.src-app-components-desktop-box-Header__title {
  margin-left: 15px
}

.src-app-components-desktop-box-Header__title h2 {
    font-family: "Playfair Display Bold", serif;
    color: #333;
    font-size: 32px;
  }

.src-app-components-desktop-box-Header__title p {
    font-size: 20px;
    margin: 5px 0 0 0;
  }

.src-app-components-desktop-box-Header__title span {
    color: #000000;
  }

.src-app-components-desktop-box-Header__badge {
  width: 17.9104478%
}

.src-app-components-desktop-box-Header__badge img {
    width: 100%;
  }
@media (max-width: 1200px) {
 
.src-app-components-desktop-box-Header__pageContent {
  width: 1000%;
}
}
.src-app-components-desktop-box-Box__title {
  text-transform: uppercase;
}

.src-app-components-desktop-box-Box__container .pageContent {
    flex-wrap: wrap;
    justify-content: center
  }

@media (max-width: 1024px) {

.src-app-components-desktop-box-Box__container .pageContent {
      width: 100%;
      justify-content: flex-start
  }
    }

.src-app-components-desktop-box-Box__diamondCard {
  width: 28%;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-box-Box__diamondCard {
    box-sizing: border-box;
    width: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0
}
    .src-app-components-desktop-box-Box__diamondCard:nth-of-type(3n) {
      margin-right: 0;
    }
  }


.src-app-components-common-MessageField__fieldContain {
  width: 91%;
  padding: 10px;
  border: 1px solid lightgray;
  border-radius: 5px;
  position: absolute;
  bottom: 11px;
}

.src-app-components-common-MessageField__field {
  width: calc(100% - 42px);
  outline: none;
  border: none;
  font-family: "Montserrat", Arial, sans-serif;
}

.src-app-components-common-MessageField__sendIcon {
  color: #000000;
  padding: 4px 0px;
  font-size: 16px;
  float: right;
  cursor: pointer;
}

.src-app-components-common-MessageField__attachIcon {
  color: #000000;
  padding: 4px;
  font-size: 16px;
  cursor: pointer;
}

.src-app-components-common-Modal__modalOverlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.src-app-components-common-Modal__modal {
  width: 420px;
  padding: 20px;
  background-color: white;
  box-shadow: 3px 3px 20px 1px rgba(0, 0, 0, 0.6);
  z-index: 1001;
}

.src-app-components-common-chat-Chat__chatContainer {
  width: 100%;
  position: relative;
  border: 2px solid lightgray;
  border-radius: 7px;
  height: 350px;
  margin: 30px 0px;
}
.src-app-components-common-chat-Chat__buttons {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.src-app-components-common-chat-Chat__messageContain {
  padding: 0px 13px;
  height: 283px;
  overflow-y: scroll;
}

.src-app-components-common-chat-Chat__fieldContain {
  display: flex;
  justify-content: center;
}

.src-app-components-common-chat-Chat__received {
  color: #000000;
  font-weight: bold;
  margin-bottom: 0px;
}

.src-app-components-common-chat-Chat__sent {
  color: #7e7db1;
  font-weight: bold;
  margin-bottom: 0px;
}

.src-app-components-common-chat-Chat__message {
  margin-top: 3px;
}

/* .backButton {
  composes: plainButton from '~common/components/common/Button.css';
  width: 49%;
} */

.src-app-components-common-chat-Chat__messageContain::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.src-app-components-common-chat-Chat__messageContain::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

.src-app-components-common-chat-Chat__messageContain::-webkit-scrollbar-thumb {
  /* background-color: #000000; */
  background-color: #000000;
}

/* Hide scrollbar for Chrome, Safari and Opera */
/* .messageContain::-webkit-scrollbar {
  display: none;
} */

/* Hide scrollbar for IE and Edge */
.src-app-components-common-chat-Chat__messageContain {
  -ms-overflow-style: none;
}

.src-app-components-common-chat-Chat__chatModal {
  width: 420px;
  margin: 0px 10px;
}

.src-app-components-common-chat-Chat__chatImagePicker {
  margin-top: 10px;
  width: 100%;
}

.src-app-components-common-chat-Chat__uploadButton {
  width: 100%;
  margin-top: 10px;
}

.src-app-components-common-chat-Chat__imageContainer {
  width: 250px;
  margin: 4px 15px;
}

.src-app-components-common-chat-Chat__loaderContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.src-app-components-common-chat-Chat__imgContainer {
  height: 130px;
}
.src-app-components-common-chat-Chat__loaderImg {
  height: 100%;
}

@media only screen and (max-width: 400px) {
  .src-app-components-common-chat-Chat__imageContainer {
    width: 100%;
    margin: 0px;
    margin-bottom: 4px;
  }
}

.src-app-components-common-SelectFileButton__selectFileButton,
.src-app-components-common-SelectFileButton__selectFileButtonDisabled {
  text-align: center
}

.src-app-components-common-SelectFileButton__selectFileButton input[type="file"], .src-app-components-common-SelectFileButton__selectFileButtonDisabled input[type="file"] {
    display: none;
  }

.src-app-components-common-SelectFileButton__selectFileButton {
}

.src-app-components-common-SelectFileButton__selectFileButtonDisabled {
}

.src-app-components-common-ImagePicker__imagePicker {
}

.src-app-components-common-ImagePicker__images {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: -15px;
}

.src-app-components-common-ImagePicker__image {
  width: 80px;
  height: 80px;
  position: relative;
  margin: 0 0 15px 15px;
  box-shadow: 0 0 2px 0px #888888
}

.src-app-components-common-ImagePicker__image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }

.src-app-components-common-ImagePicker__removeButton {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  top: -8px;
  right: -10px;
  background-color: #fff
}

.src-app-components-common-ImagePicker__removeButton .fa {
    color: red;
    font-size: 18px;
  }

.src-app-components-common-ImagePicker__selectButton {
  display: block;
}

.src-app-components-common-ImagePicker__errorMessage {
  align-self: flex-start;
  margin-top: 5px;
  font-size: 10px;
  color: red;
}

.src-app-components-desktop-viewing-Form__metaBarContent {
  text-transform: uppercase;
}

.src-app-components-desktop-viewing-Form__formCard {
  background-color: #fff;
  width: 60%;
}

.src-app-components-desktop-viewing-Form__bookingCardContainer {
  width: 30%;
  margin-left: 20px;
}

.src-app-components-desktop-viewing-Form__well {
  margin-top: 15px
}

.src-app-components-desktop-viewing-Form__well p {
    margin: 0 0 15px 0;
  }

.src-app-components-desktop-viewing-Form__form {
  margin-top: 20px;
}

.src-app-components-desktop-viewing-Form__actions {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-desktop-viewing-Form__button {
  width: 100%;
  height: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.src-app-components-desktop-viewing-Form__submitButton {
  background-color: #000000;
  color: #fff
}

.src-app-components-desktop-viewing-Form__submitButton .icon {
    margin-right: 5px;
    font-size: 35px;
    color: #000000;
  }

.src-app-components-desktop-viewing-Form__cancelButton {
  margin-top: 10px;
  color: #000000;
}

.src-app-components-desktop-viewing-Form__modalHeading {
  font-size: 1.2em;
  font-weight: 600;
}

.src-app-components-desktop-viewing-Form__chatCard {
  width: 100%;
}

@media(max-width:992px){
  .src-app-components-desktop-viewing-Form__bookingCardContainer{
    width: 50%;
  }
}
.src-app-components-desktop-hero-PromoHeader__responsiveAdHolder {
  position: relative;
  width: 100%;
  height: 320px;
  border: 0;
  background: #fff;
}

.src-app-components-desktop-hero-PromoHeader__responsiveAd {
  width: 100%;
  height: 320px;
  border: 0;
}

a.src-app-components-desktop-hero-PromoHeader__responsiveAdLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 320px;
  border: 0;
}

.src-app-components-desktop-rateAndReview-rateAndReview__minOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.5);

  .src-app-components-desktop-rateAndReview-rateAndReview__modaldilograteAndReview {
    margin: 0 auto;
    display: block;
    width: 1080px;
    margin-top: 2vh;
    background-color: #fff;
    max-height: 96vh;
    max-width: 98%;

    .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrap {
      width: 100%;
      max-height: 96vh;
      overflow: auto;

      .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewtop {
        text-align: center;
        padding: 25px;
        position: relative;

        h2 {
          font-family: 'Playfair Display Bold';
          font-size: 30px;
          color: #84818a;
          display: flex;
          text-align: center;
          align-items: end;
          justify-content: center;
          grid-gap: 10px;
        }

        .src-app-components-desktop-rateAndReview-rateAndReview__Commentclose {
          position: absolute;
          top: 10px;
          right: 10px;
          cursor: pointer;
        }
      }

      .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewBbody {
        display: flex;
        justify-content: space-between;
        grid-gap: 10px;
        height: calc(100% - 100px);

        .src-app-components-desktop-rateAndReview-rateAndReview__title {
          font-size: 15px;
          font-family: 'Futura Bold';
        }

        .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapLeft,
        .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapRight {
          width: 50%;
          padding: 4px 60px 20px;
          height: 100%;
          overflow: auto;

          .src-app-components-desktop-rateAndReview-rateAndReview__profile {
            display: flex;
            width: 100%;
            padding: 16px 0px;
            grid-gap: 0px;
            align-items: center;
            margin-top: 16px;
            margin-bottom: 20px;

            .src-app-components-desktop-rateAndReview-rateAndReview__profilepic {
              width: 85px;
              height: 85px;
              overflow: hidden;

              img {
                height: 100%;
                width: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
              }
            }

            .src-app-components-desktop-rateAndReview-rateAndReview__profileinfo {
              width: calc(100% - 85px);
              padding-left: 16px;

              p {
                font-family: 'Futura Regular';

                strong {
                  font-family: 'Futura Bold';
                }
              }

                p.src-app-components-desktop-rateAndReview-rateAndReview__reting {
                  font-family: 'Playfair Display Bold';
                }

              h3 {
                font-size: 15px;
              }
            }
          }

          .src-app-components-desktop-rateAndReview-rateAndReview__retinginfo {
            .src-app-components-desktop-rateAndReview-rateAndReview__setreting {
              width: 100%;
              display: flex;
              align-items: center;
              grid-gap: 10px;
              margin-bottom: 16px;

              span {
                font-family: 'Futura Regular';
                font-size: 15px;
              }
            }

            p {
              font-size: 13px;
              font-family: 'Futura Bold';
              margin-bottom: 16px;
            }

            .src-app-components-desktop-rateAndReview-rateAndReview__username {
              width: 100%;
              border-radius: 0px;
              min-height: 40px;
              margin-bottom: 16px;
              border: 1px solid #84818a;
              color: #7d7c80;
              padding: 12px;
            }

            .src-app-components-desktop-rateAndReview-rateAndReview__usermessage {
              width: 100%;
              border-radius: 0px;
              min-height: 140px;
              margin-bottom: 16px;
              border: 1px solid #84818a;
              color: #84818a;
              padding: 12px;
            }
          }

          .src-app-components-desktop-rateAndReview-rateAndReview__buttonwrap {
            Button {
              font-size: 20px;
              font-weight: 300;
              letter-spacing: 1px;
              border-width: 1px;
              transition: all 0.2s ease;
              padding: 10px 30px;
              min-width: 160px;
              margin-right: 8px;
              font-family: 'Futura Bold';
              cursor: pointer
            }

              Button.src-app-components-desktop-rateAndReview-rateAndReview__barkbtn {
                background-color: #000000;
                color: #fff
              }

                Button.src-app-components-desktop-rateAndReview-rateAndReview__barkbtn:hover {
                  background-color: #fff;
                  color: #000000;
                }

              Button ~ .src-app-components-desktop-rateAndReview-rateAndReview__outlinebtn {
                background-color: #fff;
                color: #000000;
                border: 1px solid;
                width: 150px;
                text-align: center;
                height: 52px;
                /* display: inline-block; */
                border-radius: 0;
                position: relative;
                top: 0px;
                padding: 0px;
                text-align: center;
                font-size: 20px;
                font-weight: 300;
                letter-spacing: 1px;
                border-width: 1px;
                transition: all 0.2s ease;
                padding: 10px 30px;
                min-width: 160px;
                margin-right: 8px;
                font-family: 'Futura Bold';
                cursor: pointer;

                img {
                  width: 14px;
                }
              }

                Button ~ .src-app-components-desktop-rateAndReview-rateAndReview__outlinebtn:hover {
                  background-color: #000000;
                  color: #fff;
                }
          }
        }

        .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapLeft {
          .src-app-components-desktop-rateAndReview-rateAndReview__profilepic {
            border-radius: 12px;
          }

          .src-app-components-desktop-rateAndReview-rateAndReview__profileinfo {
            h3 {
              font-family: 'Playfair Display Regular';
            }

            p {
              color: #d9d9d9;

              strong {
                color: #000;
              }
            }
          }
        }

        .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapRight {
          position: relative
        }

          .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapRight::after {
            content: '';
            height: 80%;
            width: 1px;
            background-color: #d9d9d9;
            top: 10%;
            left: 0;
            position: absolute;
          }

        .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapRight {

          .src-app-components-desktop-rateAndReview-rateAndReview__profilepic {
            border-radius: 50%;
          }

          .src-app-components-desktop-rateAndReview-rateAndReview__profileinfo {
            h3 {
              font-family: 'Playfair Display Bold';
            }
          }
        }
      }
    }
  }
}

.src-app-components-desktop-rateAndReview-rateAndReview__addimgview {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 150px;
  max-width: 200px;
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}

.src-app-components-desktop-rateAndReview-rateAndReview__imagePreviewContainer {
  position: relative;
  display: inline-block;
  margin: 8px 0 16px 0;
}

.src-app-components-desktop-rateAndReview-rateAndReview__deleteImageIcon {
  position: absolute;
  top: -8px;
  right: -8px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 50%;
  padding: 6px;
  cursor: pointer;
  font-size: 14px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.src-app-components-desktop-rateAndReview-rateAndReview__deleteImageIcon:hover {
  background: rgba(255, 0, 0, 0.8);
  transform: scale(1.1);
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey; */
  background: #f1f1f1;
  border-radius: 10px;
}

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

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

.src-app-components-desktop-rateAndReview-rateAndReview__error {
  color: #ff0000;
}

@media (max-width: 992px) {
  .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapLeft,
  .src-app-components-desktop-rateAndReview-rateAndReview__rateAndReviewwrapRight {
    .src-app-components-desktop-rateAndReview-rateAndReview__buttonwrap {
      Button {
        padding: 10px 20px !important;
        min-width: 72px !important
      }
        Button.src-app-components-desktop-rateAndReview-rateAndReview__barkbtn {
          padding: 10px 20px !important;
          min-width: 72px !important;
        }
      .src-app-components-desktop-rateAndReview-rateAndReview__outlinebtn {
        max-width: 130px !important;
        padding: 10px 20px !important;
        min-width: auto !important;
      }
    }
  }
}

.src-app-components-desktop-rateAndReview-viewReview__minOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.5);

  .src-app-components-desktop-rateAndReview-viewReview__modaldilogComment {
    margin: 0 auto;
    display: block;
    width: 1080px;
    /* height: 98vh; */
    margin-top: 1vh;
    max-width: 98%;
    background-color: #fff;

    .src-app-components-desktop-rateAndReview-viewReview__Commentwrap {
      width: 100%;
      height: 100%;

      .src-app-components-desktop-rateAndReview-viewReview__CommentBbody {
        display: flex;
        justify-content: space-between;
        grid-gap: 10px;
        height: 100%;

        .src-app-components-desktop-rateAndReview-viewReview__CommentwrapLeft {
          width: 400px;
          height: 100%;
          overflow: auto;
          padding: 4px;

          .src-app-components-desktop-rateAndReview-viewReview__addstylecarousel {
            position: absolute !important;
            top: 0;
            width: 100%;
            z-index: 0;
            left: 0;
            height: 97vh;
            overflow: hidden;

            img {
              height: 97vh;
              width: 100% !important;
              -o-object-fit: cover !important;
                 object-fit: cover !important;
            }
          }

          .src-app-components-desktop-rateAndReview-viewReview__productImg {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;

            .src-app-components-desktop-rateAndReview-viewReview__cpTop {
              font-family: 'Playfair Display Bold';
              background-color: rgba(255, 255, 255, 0.8);
              text-align: center;
              padding: 10px 16px;
              z-index: 99;

              h2 {
                font-size: 18px;
                padding: 0px 30px;
              }

              p {
                font-size: 16px;
              }

              .src-app-components-desktop-rateAndReview-viewReview__ratingandprice {
                display: flex;
                align-items: center;
                width: 100%;
                justify-content: center;
                grid-gap: 10px;

                .src-app-components-desktop-rateAndReview-viewReview__price {
                  font-size: 14px;
                }

                .src-app-components-desktop-rateAndReview-viewReview__reting {
                  font-size: 14px;
                }
              }
            }

            .src-app-components-desktop-rateAndReview-viewReview__cpBottom {
              z-index: 99;
              font-size: 20px;
              font-family: 'Futura Bold';
              background: #000;
              color: #fff;
              text-align: center;
              padding: 16px;
            }
          }
        }

        .src-app-components-desktop-rateAndReview-viewReview__Commentclose {
          text-align: right;
          padding-right: 20px;
          margin-top: -25px;
        }

        .src-app-components-desktop-rateAndReview-viewReview__CommentwrapRight {
          width: calc(100% - 400px);
          height: 100%;

          .src-app-components-desktop-rateAndReview-viewReview__chatbox {
            padding: 16px;
            background-color: #fff;
            border-radius: 0px;
            height: 100%;
            width: 100%;
            overflow: auto;

            .src-app-components-desktop-rateAndReview-viewReview__Commentclose {
              text-align: right;
              display: block;
              width: 100%;

              img {
                cursor: pointer;
              }
            }

            .src-app-components-desktop-rateAndReview-viewReview__chatboxtop {
              width: 100%;
              margin-bottom: 16px;
              border-bottom: 1px solid #ccc;
              padding: 26px 0px;

              ul {
                margin: 0px;
                padding: 0px;

                li {
                  display: inline-block;
                  margin-right: 8px;
                  width: 30px;
                  height: 30px;
                  border-radius: 50%;
                  background-color: #f6f6f6;
                  text-align: center;
                  cursor: pointer;
                  line-height: 34px
                }

                  li.src-app-components-desktop-rateAndReview-viewReview__active {
                    background-color: #84818a;
                  }
              }

              h1 {
                font-size: 20px;
                font-family: 'Playfair Display Bold';

                span {
                  font-family: 'Playfair Display Regular';
                }
              }
            }

            /* this comment is for test purpose only */
            .src-app-components-desktop-rateAndReview-viewReview__chatboxbopdy {
              height: calc(100% - 260px);
              width: 100%;
              overflow: hidden;
              display: flex;
              flex-direction: column;

              .src-app-components-desktop-rateAndReview-viewReview__listofchat {
                width: 100%;
                display: flex;
                margin-bottom: 20px;
                position: relative;

                .src-app-components-desktop-rateAndReview-viewReview__lischattitem {
                  display: flex;
                  padding-bottom: 16px;
                  justify-content: space-between;
                  width: 100%;
                  padding-right: 12px;

                  .src-app-components-desktop-rateAndReview-viewReview__listitemleft {
                    width: 70px;

                    img {
                      width: 50px;
                      height: 50px;
                      -o-object-fit: cover;
                         object-fit: cover;
                      border-radius: 50%;
                    }
                  }

                  .src-app-components-desktop-rateAndReview-viewReview__listitemcenter {
                    width: calc(100% - 220px);

                    p {
                      font-family: 'Futura Regular';

                      strong {
                        font-family: 'Futura Bold';
                      }
                    }

                    .src-app-components-desktop-rateAndReview-viewReview__listitemrighttop {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      height: 50px;

                      h3 {
                        font-family: 'Playfair Display Regular';
                      }

                      span {
                        font-family: 'Futura Regular';
                        padding-right: 16px;
                      }
                    }

                    .src-app-components-desktop-rateAndReview-viewReview__listitemrightbottom {
                      p {
                        font-family: 'Futura Regular';
                        font-size: 14px;
                      }
                    }
                  }

                  .src-app-components-desktop-rateAndReview-viewReview__listitemright {
                    width: 150px;
                    color: #d9d9d9;
                    font-family: 'Futura Regular';
                    text-align: right;
                  }
                }
              }
            }

            .src-app-components-desktop-rateAndReview-viewReview__viewmorechat {
              width: 100%;
              display: block;
              margin: 20px 0px;
              text-align: center;

              .src-app-components-desktop-rateAndReview-viewReview__viewmore {
                border: 2px solid #84818a;
                color: #84818a;
                font-family: 'Futura Bold';
                padding: 8px 20px;
                background-color: #fff;
                cursor: pointer
              }

                .src-app-components-desktop-rateAndReview-viewReview__viewmore:hover {
                  background-color: #84818a;
                  color: #fff;
                }
            }

            .src-app-components-desktop-rateAndReview-viewReview__chatboxfooter {
              display: flex;
              width: 100%;
              grid-gap: 8px;
              justify-content: space-between;
              align-items: center;
              box-shadow: 0px 4px 10px #d9d9d9;
              padding: 6px;

              .src-app-components-desktop-rateAndReview-viewReview__fchatprofile {
                width: 70px;
                display: contents;

                img {
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
                }
              }

              .src-app-components-desktop-rateAndReview-viewReview__fchattext {
                width: calc(100% - 200px);
                position: relative;

                .src-app-components-desktop-rateAndReview-viewReview__fchatUploadImage {
                  position: absolute;
                  height: 200px;
                  width: 200px;
                  top: -220px;
                  padding: 10px;
                  border-radius: 10px;
                  background-color: #f2f2f2;

                  img.src-app-components-desktop-rateAndReview-viewReview__chatImage {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: contain;
                       object-fit: contain;
                  }

                  img.src-app-components-desktop-rateAndReview-viewReview__closeIcon {
                    position: absolute;
                    z-index: 99;
                    top: 8px;
                    right: 8px;
                    cursor: pointer;
                  }
                }

                input {
                  border: none;
                  width: 100%;
                  font-size: 16px;
                  font-family: 'Futura Regular';
                  color: #84818a;
                  outline: none !important;
                  border: none;
                }
              }

              .src-app-components-desktop-rateAndReview-viewReview__fchatbutton {
                display: flex;
                width: 175px;
                align-items: center;

                Button {
                  background-color: transparent;
                  padding: 0px;
                  border-left: 1px solid #d9d9d9;
                  border-radius: 0px;
                  padding: 0px 16px;
                  height: 40px
                }

                  Button:nth-child(1) {
                    border: none;
                  }
              }
            }
          }
        }
      }
    }
  }
}

.src-app-components-desktop-rateAndReview-viewReview__setmaxwh {
  max-width: 100%;
  max-height: 150px;
}

.src-app-components-desktop-rateAndReview-viewReview__fchattext em-emoji-picker {
  position: absolute;
  top: -449px;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey; */
  background: #f1f1f1;
  border-radius: 10px;
}

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

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

.src-app-components-desktop-rateAndReview-viewReview__RatingReviews {
  width: 100%;
  padding: 50px 0px;

  .src-app-components-desktop-rateAndReview-viewReview__RatingReviewsheading {
    width: 100%;
    text-align: center;
    position: relative;

    .src-app-components-desktop-rateAndReview-viewReview__heading {
      font-size: 30px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 3px;
      display: block;
      font-family: 'Playfair Display Bold';
    }

    .src-app-components-desktop-rateAndReview-viewReview__reviewCount {
      font-size: 14px;
      color: #84818a;
      font-family: 'Futura Regular';
      margin-top: 8px;
    }
  }
}

.src-app-components-desktop-rateAndReview-viewReview__RatingReviewsbottom {
  width: 100%;
  padding: 20px;

  .src-app-components-desktop-rateAndReview-viewReview__thumbnailContainer {
    width: 100%;
  }
}

.src-app-components-desktop-rateAndReview-viewReview__reviewcard {
  border: 1px solid #f1f1f1;
  width: 100%;
  padding: 20px;
  border-radius: 10px;

  .src-app-components-desktop-rateAndReview-viewReview__reviewcardtop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-family: 'Playfair Display Bold';
    color: #494949;
    margin-bottom: 16px;
  }

  .src-app-components-desktop-rateAndReview-viewReview__reviewcardconten {
    padding-right: 10px;
    margin-bottom: 16px
  }

    .src-app-components-desktop-rateAndReview-viewReview__reviewcardconten p {
      font-size: 16px;
      font-family: 'Playfair Display Bold';
      color: #84818a;
    }

  .src-app-components-desktop-rateAndReview-viewReview__reviewcardbottom {
    display: flex;
    justify-content: space-between;
    align-items: baseline;

    .src-app-components-desktop-rateAndReview-viewReview__reviewcardbottomleft {
      display: flex;
      grid-gap: 10px;

      img {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px;
      }
    }

    .src-app-components-desktop-rateAndReview-viewReview__reviewcardbottomright {
      color: #d9d9d9;
      font-size: 12px;

      span {
        margin-left: 12px;
        display: inline-block;
      }
    }
  }
}

.src-app-components-desktop-rateAndReview-viewReview__reviewcardtopright {
  min-width: 80px;
}

.src-app-components-desktop-rateAndReview-viewReview__viewAllContainer {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  padding: 20px 0;
}

.src-app-components-desktop-rateAndReview-viewReview__viewAllButton {
  background-color: #84818a;
  color: white;
  border: 2px solid #84818a;
  padding: 12px 24px;
  font-family: 'Futura Bold';
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s ease
}

.src-app-components-desktop-rateAndReview-viewReview__viewAllButton:hover {
    background-color: transparent;
    color: #84818a;
  }

.src-app-components-desktop-rateAndReview-viewReview__viewAllButton:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(132, 129, 138, 0.3);
  }

.src-app-components-desktop-home-SlideShow__slideShow {
  width: 70%;
}

.src-app-components-desktop-home-SlideShow__arrow.slick-arrow {
    width: 35px;
    height: 35px;
  }

.src-app-components-desktop-home-SlideShow__prevArrow {
}

.src-app-components-desktop-home-SlideShow__prevArrow.slick-prev {
    left: -40px;
    transition: all 0.2s ease;
  }

.src-app-components-desktop-home-SlideShow__prevArrow:hover.slick-prev {
    transform: scale3d(1,1,1) translate3d(-3px,-50%,0);
  }

.src-app-components-desktop-home-SlideShow__nextArrow {
}

.src-app-components-desktop-home-SlideShow__nextArrow.slick-next {
    right: -40px;
    transition: all 0.2s ease;
  }

.src-app-components-desktop-home-SlideShow__nextArrow:hover.slick-next {
    transform: scale3d(1,1,1) translate3d(3px,-50%,0);
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background-color: #fff;
  width: calc((100% - 68px) / 4);
  margin-right: 20px;
  margin-bottom: 20px
}

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd:nth-of-type(4n) {
    margin-right: 0;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__content {
    width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__image {
    width: 100%;
    height: 250px;
    overflow-y: hidden
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__image img {
      width: 100%;
      border-radius: 4px 4px 0 0;
    }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__inventoryPrice {
    color: #a9a9a9;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__price {
    color: #000000;
    font-size: 18px;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__currency {
    margin-left: 1px;
    text-transform: uppercase;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__title {
    margin: 5px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__distance {
    margin: 2px 0 0 0;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 500;
    background-color: #888;
    color: #fff;
    border-radius: 4px;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__ratingsPanel {
    width: 100%;
    margin: 20px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #dbdbdb;
    display: flex;
    justify-content: center
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__ratingsPanel .src-app-components-desktop-common-PromotedInventoryCard__value {
      text-transform: uppercase;
    }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__ratingContainer {
    width: 100%;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__retailerName {
    width: 100%;
    color: rgb(169, 169, 169);
    text-align: center;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__ratingStars {
    padding-top: 2px;
    text-align: center;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__rating {
    color: #F7D202;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__fourCs {
    width: 100%;
    margin: 15px 0;
    padding: 10px 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    justify-content: space-between
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__fourCs .src-app-components-desktop-common-PromotedInventoryCard__value {
      text-transform: uppercase;
    }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__label {
    font-size: 12px;
    font-weight: 300;
    margin-right: 5px;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__controls {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__value {
    font-size: 12px;
    font-weight: 700;
    color: #000000;
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__verified {
    position: absolute;
    top: 10px;
    right: 10px
  }

.src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd .src-app-components-desktop-common-PromotedInventoryCard__verified img {
      width: 30px;
      height: 30px;
    }

.src-app-components-desktop-common-PromotedInventoryCard__button {
  padding: 8px 0;
  width: 100%;
  font-weight: 300;
}

.src-app-components-desktop-common-PromotedInventoryCard__inStockButton {
  background-color: #000000
}

.src-app-components-desktop-common-PromotedInventoryCard__inStockButton a {
    padding: 6px 15px;
  }

@media all and (max-width: 1350px) {
  .src-app-components-desktop-common-PromotedInventoryCard__inventoryCard, .src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd {
    width: calc((100% - 48px) / 3);
    margin-right: 20px
  }
    .src-app-components-desktop-common-PromotedInventoryCard__inventoryCard:nth-of-type(4n), .src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd:nth-of-type(4n) {
      margin-right: 20px;
    }
    .src-app-components-desktop-common-PromotedInventoryCard__inventoryCard:nth-of-type(3n), .src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd:nth-of-type(3n) {
      margin-right: 0;
    }
}

@media all and (max-width: 1160px) {
  .src-app-components-desktop-common-PromotedInventoryCard__inventoryCard, .src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd {
    width: calc((100% - 168px) / 3);
  }
  .src-app-components-desktop-common-PromotedInventoryCard__results {
    flex: 1;
    margin-left: 90px
  }
    .src-app-components-desktop-common-PromotedInventoryCard__results .pageContent {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
}

@media all and (max-width: 1024px) {
  .src-app-components-desktop-common-PromotedInventoryCard__inventoryCard, .src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd {
    width: calc((100% - 24px) / 2)
  }
    .src-app-components-desktop-common-PromotedInventoryCard__inventoryCard:nth-of-type(3n), .src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd:nth-of-type(3n) {
      margin-right: 20px;
    }
    .src-app-components-desktop-common-PromotedInventoryCard__inventoryCard:nth-of-type(2n), .src-app-components-desktop-common-PromotedInventoryCard__inventoryCardAd:nth-of-type(2n) {
      margin-right: 0;
    }
  .src-app-components-desktop-common-PromotedInventoryCard__results {
    flex: 1;
    margin-left: 0;
  }
}

.src-app-components-desktop-deals-Deals__resultsContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  background-color: #f7f7f7;
}

.src-app-components-desktop-deals-Deals__diamondCard {
  width: calc((100% - 68px) / 4);
  margin-right: 20px;
  margin-bottom: 20px
}

.src-app-components-desktop-deals-Deals__diamondCard:nth-of-type(4n) {
    margin-right: 0;
  }

@media all and (max-width: 1350px) {
  .src-app-components-desktop-deals-Deals__diamondCard {
    width: calc((100% - 48px) / 3);
    margin-right: 20px
  }
    .src-app-components-desktop-deals-Deals__diamondCard:nth-of-type(4n) {
      margin-right: 20px;
    }
    .src-app-components-desktop-deals-Deals__diamondCard:nth-of-type(3n) {
      margin-right: 0;
    }
}

@media all and (max-width: 1160px) {
  .src-app-components-desktop-deals-Deals__diamondCard {
    width: calc((100% - 168px) / 3);
  }
  .src-app-components-desktop-deals-Deals__results {
    width: 60%;
    margin-left: 90px
  }
    .src-app-components-desktop-deals-Deals__results .pageContent {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
}

@media all and (max-width: 1024px) {
  .src-app-components-desktop-deals-Deals__diamondCard {
    width: calc((100% - 48px) / 2)
  }
    .src-app-components-desktop-deals-Deals__diamondCard:nth-of-type(3n) {
      margin-right: 20px;
    }
    .src-app-components-desktop-deals-Deals__diamondCard:nth-of-type(2n) {
      margin-right: 0;
    }
  .src-app-components-desktop-deals-Deals__results {
    width: 80%;
    margin-left: 0
  }
    .src-app-components-desktop-deals-Deals__results .pageContent {
      margin-right: 40px;
    }
}

.src-app-components-desktop-deals-Deals__results {
  width: 80%
}

.src-app-components-desktop-deals-Deals__results.single .pageContent {
    justify-content: center;
  }

.src-app-components-desktop-deals-Deals__results .pageContent {
    flex-wrap: wrap;
    width: 100%;
    margin-left: 20px;
    margin-right: 50px;
    height: -moz-fit-content;
    height: fit-content;
  }

  .src-app-components-common-ItemLocation__distance .fa {
    margin-right: 5px;
  }

.src-app-components-common-ItemLocation__distanceSep {
  font-size: 36px;
  margin: 0 5px;
  height: 0;
  line-height: 0;
  position: relative;
  top: 6px;
}

.src-app-components-common-StorePolicies__card {

  /* composes: card from './Card.css'; */
  /* display: flex;
  flex-direction: column; */
  /* align-items: center;
  margin: 20px 0 0 0;
  background-color: #fff; */
  border: none;
  text-align: left;
  border-left: 1px solid #f1f1f1;
  margin-top: 20px;
  /* height: calc(100% - 40px); */

  .src-app-components-common-StorePolicies__cardHeader {
    font-family: 'Playfair Display Bold';
    font-size: 18px;
    margin-bottom: 12px;
  }
}

.src-app-components-common-StorePolicies__text {
  padding: 0 20px
  /* text-align: center; */
}

.src-app-components-common-StorePolicies__text strong {
    color: #000000;
  }
.src-app-components-common-ReviewsWidget__reviewsCard {
  margin-top: 20px;
  flex: 1;
  min-height: 150px
}

@media (max-width:768px) {

.src-app-components-common-ReviewsWidget__reviewsCard {
    margin-bottom: 100px
}
  }

.src-app-components-common-ReviewsWidget__titleContainer {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0
}

.page .src-app-components-common-ReviewsWidget__titleContainer {
    padding: 0
}

.src-app-components-common-ReviewsWidget__title {
  font-size: 20px;
  margin: 5px 0;
}

.src-app-components-common-ReviewsWidget__subtitle {
  font-size: 10px;
}


.src-app-components-common-RecentDiamondsCard__thumbnailCard {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  padding: 0;
  cursor: pointer;
  padding-top: 0px;
}

.src-app-components-common-RecentDiamondsCard__thumbnailImageContainer {
  height: 300px;
  /* border-radius: 4px 4px 0 0; */
  overflow: hidden;
  position: relative;
  width: 100%;
}

.src-app-components-common-RecentDiamondsCard__thumbnailImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
}

.src-app-components-common-RecentDiamondsCard__thumbnailDescriptionContainer {
  flex: 1;
  padding: 15px 10px 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 0px;
  text-align: center;
}

.src-app-components-common-RecentDiamondsCard__retailerShortDescription {
  color: #777777;
}

.src-app-components-common-RecentDiamondsCard__ratingsPanel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.src-app-components-common-RecentDiamondsCard__ratingsPanel .src-app-components-common-RecentDiamondsCard__value {
    text-transform: uppercase;
  }

.src-app-components-common-RecentDiamondsCard__rating {
  color: #ffa043;
}

.src-app-components-common-RecentDiamondsCard__notRated {
  color: #ddd;
}

.src-app-components-common-RecentDiamondsCard__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-common-RecentDiamondsCard__ratingWrapper p {
  font-family: 'Playfair Display Bold';
  font-size: 0.9rem;
}

.src-app-components-common-RecentDiamondsCard__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-RecentDiamondsCard__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-RecentDiamondsCard__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
}

.src-app-components-common-RecentDiamondsCard__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-common-RecentDiamondsCard__ratingContainer {
  width: 100%;
  display: flex;
  grid-gap: 5px;
  text-align: center;
}

.src-app-components-common-RecentDiamondsCard__ratingContainer p {
  text-align: center;
  width: 100%;
  margin: 0px;
}

.src-app-components-common-RecentDiamondsCard__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
}

.src-app-components-common-RecentDiamondsCard__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

.src-app-components-common-RecentDiamondsCard__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
}

.src-app-components-common-RecentDiamondsCard__priceContainer p {
  font-size: 14px;
  color: #959595;
  margin: 0px;
}

.src-app-components-common-RecentDiamondsCard__priceContainer .src-app-components-common-RecentDiamondsCard__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-common-RecentDiamondsCard__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-common-RecentDiamondsCard__actionsContainer .src-app-components-common-RecentDiamondsCard__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-RecentDiamondsCard__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-RecentDiamondsCard__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-common-RecentDiamondsCard__actions button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-common-RecentDiamondsCard__retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.src-app-components-common-RecentDiamondsCard__retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.src-app-components-common-RecentDiamondsCard__showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.src-app-components-common-RecentDiamondsCard__clamp {
  -webkit-line-clamp: 3;
}

.src-app-components-common-RecentDiamondsCard__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-common-RecentDiamondsCard__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-common-RecentDiamondsCard__sellerImage {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.src-app-components-common-RecentDiamondsCard__detailsWrapper {
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

@media (min-width: 768px) {
  & .src-app-components-common-RecentDiamondsCard__newsaveButton {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .src-app-components-common-RecentDiamondsCard__thumbnailDescription {
    font-size: 15px;
    white-space: nowrap;
    margin-bottom: 0px;
    padding: 0px;
  }

  .src-app-components-common-RecentDiamondsCard__thumbnailImageContainer {
    height: 150px;
  }

  .src-app-components-common-RecentDiamondsCard__thumbnailDescriptionContainer {
    grid-gap: 5px;
  }
}

@media only screen and (max-width: 479px) {
  .src-app-components-common-RecentDiamondsCard__thumbnailDescription {
    font-size: 14px;
  }

  .src-app-components-common-RecentDiamondsCard__thumbnailImageContainer {
    height: 200px;
  }

  .src-app-components-common-RecentDiamondsCard__ratingContainer {
    font-size: 12px;
  }

  .src-app-components-common-RecentDiamondsCard__ratingContainer p span {
    font-weight: 500;
  }

  .src-app-components-common-RecentDiamondsCard__ratingWrapper p {
    font-size: 12px;
  }
  .src-app-components-common-RecentDiamondsCard__ratingContainer p {
    margin: 0px !important;
  }

  .src-app-components-common-RecentDiamondsCard__thumbnailPrice {
    font-size: 12px;
  }

  .src-app-components-common-RecentDiamondsCard__callForPrice {
    font-size: 12px;
  }

  .src-app-components-common-RecentDiamondsCard__priceContainer p {
    font-size: 12px;
  }

  .src-app-components-common-RecentDiamondsCard__priceContainer .src-app-components-common-RecentDiamondsCard__price {
    font-size: 12px;
    font-weight: 600;
  }
}

.src-app-components-common-RecentDiamondsCard__reviewdtn button {
  display: inline-block;
  background: #000;
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #000;
}

.src-app-components-common-RecentDiamondsCard__reviewdtn button:hover {
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
  color: #000;
  border: 1px solid #000;
}

.src-app-components-common-RecentDiamondsCard__newsaveButton {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #fff !important;
  border: none;
  font-size: 18px;
  background-color: #e4ded4;
  z-index: 9;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center
}

.src-app-components-common-RecentDiamondsCard__newsaveButton img,
  .src-app-components-common-RecentDiamondsCard__newsaveButton svg {
    width: 18px;
    height: 18px;
  }

.src-app-components-desktop-comments-comments__minOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.5);

  .src-app-components-desktop-comments-comments__modaldilogComment {
    margin: 0 auto;
    display: block;
    width: 1080px;
    height: 77vh;
    margin-top: 1vh;
    background-color: #fff;

    .src-app-components-desktop-comments-comments__Commentwrap {
      width: 100%;
      height: 100%;

      .src-app-components-desktop-comments-comments__CommentBbody {
        display: flex;
        justify-content: space-between;
        grid-gap: 10px;
        height: 100%;

        .src-app-components-desktop-comments-comments__CommentwrapLeft {
          width: 400px;
          height: 100%;
          overflow: auto;
          padding: 4px;

          .src-app-components-desktop-comments-comments__addstylecarousel {
            position: absolute !important;
            top: 0;
            width: 100%;
            z-index: 0;
            left: 0;
            height: 77vh;
            overflow: hidden;

            img {
              height: 75vh;
              width: 100% !important;
              -o-object-fit: cover !important;
                 object-fit: cover !important;
            }
          }

          .src-app-components-desktop-comments-comments__productImg {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;

            .src-app-components-desktop-comments-comments__cpTop {
              font-family: 'Playfair Display Bold';
              background-color: rgba(255, 255, 255, 0.8);
              text-align: center;
              padding: 10px 16px;
              z-index: 99;

              h2 {
                font-size: 18px;
                padding: 0px 30px;
              }

              p {
                font-size: 16px;
              }

              .src-app-components-desktop-comments-comments__ratingandprice {
                display: flex;
                align-items: center;
                width: 100%;
                justify-content: center;
                grid-gap: 10px;

                .src-app-components-desktop-comments-comments__price {
                  font-size: 14px;
                }

                .src-app-components-desktop-comments-comments__reting {
                  font-size: 14px;
                }
              }
            }

            .src-app-components-desktop-comments-comments__cpBottom {
              z-index: 99;
              font-size: 20px;
              font-family: 'Futura Bold';
              background: #000;
              color: #fff;
              text-align: center;
              padding: 16px;
              cursor: pointer;
            }
          }
        }

        .src-app-components-desktop-comments-comments__CommentwrapRight {
          width: calc(100% - 400px);
          height: 100%;

          .src-app-components-desktop-comments-comments__chatbox {
            padding: 16px;
            background-color: #fff;
            border-radius: 0px;
            height: 100%;
            width: 100%;
            overflow: auto;

            .src-app-components-desktop-comments-comments__Commentclose {
              text-align: right;
              display: block;
              width: 100%;

              img {
                cursor: pointer;
              }
            }

            .src-app-components-desktop-comments-comments__chatboxtop {
              width: 100%;
              margin-bottom: 16px;
              border-bottom: 1px solid #ccc;
              padding: 26px 0px;

              ul {
                margin: 0px;
                padding: 0px;

                li {
                  display: inline-block;
                  margin-right: 8px;
                  width: 30px;
                  height: 30px;
                  border-radius: 50%;
                  background-color: #f6f6f6;
                  text-align: center;
                  cursor: pointer;
                  line-height: 34px
                }

                  li.src-app-components-desktop-comments-comments__active {
                    background-color: #84818a;
                  }
              }

              h1 {
                font-size: 20px;
                font-family: 'Playfair Display Bold';

                span {
                  font-family: 'Playfair Display Regular';
                }
              }
            }

            /* this comment is for test purpose only */
            .src-app-components-desktop-comments-comments__chatboxbopdy {
              height: calc(100% - 160px);
              width: 100%;
              /* overflow: hidden; */
              overflow: auto;
              display: flex;
              /* flex-direction: column; */
              flex-direction: column-reverse;

              .src-app-components-desktop-comments-comments__listofchat {
                width: 100%;
                display: flex;
                margin-bottom: 20px;
                position: relative;

                .src-app-components-desktop-comments-comments__lischattitem {
                  display: flex;
                  padding-bottom: 16px;
                  justify-content: space-between;
                  width: 100%;
                  padding-right: 12px;

                  .src-app-components-desktop-comments-comments__listitemleft {
                    width: 70px;

                    img {
                      width: 50px;
                      height: 50px;
                      -o-object-fit: cover;
                         object-fit: cover;
                      border-radius: 50%;
                    }
                  }

                  .src-app-components-desktop-comments-comments__listitemcenter {
                    width: calc(100% - 220px);

                    p {
                      font-family: 'Futura Regular';

                      strong {
                        font-family: 'Futura Bold';
                      }
                    }

                    .src-app-components-desktop-comments-comments__listitemrighttop {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      height: 50px;

                      h3 {
                        font-family: 'Playfair Display Regular';
                      }

                      span {
                        font-family: 'Futura Regular';
                        padding-right: 16px;
                      }
                    }

                    .src-app-components-desktop-comments-comments__listitemrightbottom {
                      p {
                        font-family: 'Futura Regular';
                        font-size: 14px;
                      }
                    }
                  }

                  .src-app-components-desktop-comments-comments__listitemright {
                    width: 150px;
                    color: #d9d9d9;
                    font-family: 'Futura Regular';
                    text-align: right;
                    display: flex;
                    justify-content: flex-end;
                    grid-gap: 8px;

                    .src-app-components-desktop-comments-comments__deleteIcon {
                      cursor: pointer;
                      transition: color 0.2s ease;
                      color: #ff7575
                    }

                      .src-app-components-desktop-comments-comments__deleteIcon:hover {
                        color: #ff0000;
                      }
                  }
                }
              }
            }

            .src-app-components-desktop-comments-comments__viewmorechat {
              width: 100%;
              display: block;
              margin: 20px 0px;
              text-align: center;

              .src-app-components-desktop-comments-comments__viewmore {
                border: 2px solid #84818a;
                color: #84818a;
                font-family: 'Futura Bold';
                padding: 8px 20px;
                background-color: #fff;
                cursor: pointer
              }

                .src-app-components-desktop-comments-comments__viewmore:hover {
                  background-color: #84818a;
                  color: #fff;
                }
            }

            .src-app-components-desktop-comments-comments__chatboxfooter {
              display: flex;
              width: 100%;
              grid-gap: 8px;
              justify-content: space-between;
              align-items: center;
              box-shadow: 0px 4px 10px #d9d9d9;
              padding: 6px;
              position: relative;

              .src-app-components-desktop-comments-comments__fchatprofile {
                width: 70px;
                display: contents;

                img {
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
                }
              }

              .src-app-components-desktop-comments-comments__fchattext {
                width: calc(100% - 200px);
                position: relative;

                .src-app-components-desktop-comments-comments__fchatUploadImage {
                  position: absolute;
                  height: 100px;
                  width: 200px;
                  top: -121px;
                  padding: 5px;
                  border-radius: 10px;
                  background-color: #f2f2f2;

                  img.src-app-components-desktop-comments-comments__chatImage {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: contain;
                       object-fit: contain;
                  }

                  img.src-app-components-desktop-comments-comments__closeIcon {
                    position: absolute;
                    z-index: 99;
                    top: 8px;
                    right: 8px;
                    cursor: pointer;
                  }
                }

                input {
                  border: none;
                  width: 100%;
                  font-size: 12px;
                  font-family: 'Futura Regular';
                  color: #84818a;
                  outline: none !important;
                  border: none;
                }
              }

              .src-app-components-desktop-comments-comments__fchatbutton {
                display: flex;
                width: 175px;
                align-items: center;

                Button {
                  background-color: transparent;
                  padding: 0px;
                  border-left: 1px solid #d9d9d9;
                  border-radius: 0px;
                  padding: 0px 16px;
                  height: 40px
                }

                  Button:nth-child(1) {
                    border: none;
                  }
              }
            }
          }
        }
      }
    }
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

.src-app-components-desktop-comments-comments__minOverlay {
    .src-app-components-desktop-comments-comments__modaldilogComment {
      width: 95%;
    }
}
  }

.src-app-components-desktop-comments-comments__setmaxwh {
  max-width: 100%;
  max-height: 150px;
}

.src-app-components-desktop-comments-comments__fchattext em-emoji-picker {
  position: absolute;
  top: -449px;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey; */
  background: #f1f1f1;
  border-radius: 10px;
}

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

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

.src-app-components-desktop-comments-comments__forblankmessage {
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  img {
    width: 60px;
    height: 60px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.src-app-components-common-SimilarItemsCard__heading {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  font-family: 'Playfair Display Bold';
  text-align: center;
}

.src-app-components-common-SimilarItemsCard__heading span {
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}

.src-app-components-common-SimilarItemsCard__thumbnailContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%
}

@media (max-width: 767px) {

.src-app-components-common-SimilarItemsCard__thumbnailContainer {
    justify-content: space-around;
    grid-gap: 12px;
    padding: 8px
}
  }

.src-app-components-common-SimilarItemsCard__thumbnailCardWrap {
  width: 48%;
  display: flex
}

@media (max-width: 1024px) {

.src-app-components-common-SimilarItemsCard__thumbnailCardWrap {
    width: calc((100% - 15px) / 2)
}
  }

.src-app-components-common-SimilarItemsCard__moreItemsBtn {
  width: 100%;
  color: #000000;
  font-weight: 300;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .src-app-components-common-SimilarItemsCard__heading {
    font-size: 20px;
  }
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailCard {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  width: 100%;
  padding: 0;
  cursor: pointer;
  /* border: none; */
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailImageContainer {
  /* height: 300px; */
  width: 100%;
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailImagenull {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.src-app-components-desktop-diamond-items-card-ItemCard__author {
  font-family: 'Playfair Display Bold';
  font-size: 16px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailDescriptionContainer {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.src-app-components-desktop-diamond-items-card-ItemCard__shortDescription {
  font-family: 'Futura Regular';
  font-size: 16px;
  width: 50%;
}

.src-app-components-desktop-diamond-items-card-ItemCard__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__ratingWrapper p {
  font-family: 'Playfair Display Regular';
  font-size: 0.9rem;
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailDescription {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Futura Bold';
  font-weight: 800;
  font-size: 20px;
  text-transform: uppercase;
}

.src-app-components-desktop-diamond-items-card-ItemCard__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-desktop-diamond-items-card-ItemCard__ratingContainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.src-app-components-desktop-diamond-items-card-ItemCard__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
}

.src-app-components-desktop-diamond-items-card-ItemCard__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
}

.src-app-components-desktop-diamond-items-card-ItemCard__priceContainer p {
  font-size: 14px;
  color: #959595;
  margin: 0px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__priceContainer .src-app-components-desktop-diamond-items-card-ItemCard__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-desktop-diamond-items-card-ItemCard__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__actionsContainer .src-app-components-desktop-diamond-items-card-ItemCard__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-desktop-diamond-items-card-ItemCard__actions button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-desktop-diamond-items-card-ItemCard__retailerName {
  width: 100%;
  color: rgb(169, 169, 169);
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-desktop-diamond-items-card-ItemCard__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-desktop-diamond-items-card-ItemCard__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-desktop-diamond-items-card-ItemCard__overflow {
  /* max-height: 250px;
  overflow-y: hidden; */
  position: relative;
  width: 100%;
  height: 250px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  z-index: 1;

  .src-app-components-desktop-diamond-items-card-ItemCard__newsaveButton {
    position: absolute;
    bottom: 8px;
    right: 8px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #fff !important;
    border: none;
    font-size: 18px;
    /* line-height: 51px; */
    /* background: rgba(255, 255, 255, 0.5); */
    background-color: #e4ded4;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailDescriptionContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 10px 10px 10px;
}

.src-app-components-desktop-diamond-items-card-ItemCard__thumbnailDescription {
  color: #000000;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
  text-align: left;
}

.src-app-components-desktop-diamond-items-card-ItemCard__ratingnadpricewrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.src-app-components-desktop-diamond-items-card-ItemCard__color {
  color: black;
}

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 30px;
    font-family: 'Playfair Display Bold';
    text-align: center;
}

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__heading span {
    font-weight: bold;
    display: block;
}

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__thumbnailContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: center
}

@media (max-width: 767px) {

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__thumbnailContainer {
        justify-content: space-between
}
    }

/* .thumbnailCardWrap {
    width: 48%;
    display: flex;

    @media (max-width: 1024px) {
        width: calc((100% - 15px) / 2);
    }
} */
.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__thumbnailCardWrap {
    /* width: 32%;
    margin-right: 2%; */
    width: 24%;
    margin: 0 1% 20px 0;
}
.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__thumbnailCardWrap:nth-of-type(4n) {
        margin-right: 0;
    }
.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__thumbnailCardWrap {

    display: flex;
    justify-content: left;
}

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__itemslist {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__viewMore {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    border-width: 1px;
    padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__viewMore {
        font-size: 14px
}
    }

.src-app-components-desktop-diamond-items-card-BrowseSimilarItems__moreItemsBtn {
    width: 100%;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
}
.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 30px;
    font-family: 'Playfair Display Bold';
    text-align: center;
}

.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__heading span {
    font-weight: bold;
    display: block;
}

.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__thumbnailContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: center
}

@media (max-width: 767px) {

.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__thumbnailContainer {
        justify-content: space-between
}
    }

/* .thumbnailCardWrap {
    width: 48%;
    display: flex;

    @media (max-width: 1024px) {
        width: calc((100% - 15px) / 2);
    }
} */
.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__thumbnailCardWrap {
    /* width: 32%;
    margin-right: 2%; */
    width: 24%;
    margin: 0 1% 20px 0;
}
.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__thumbnailCardWrap:nth-of-type(4n) {
        margin-right: 0;
    }
.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__thumbnailCardWrap {

    display: flex;
    justify-content: left;
}

.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__itemslist {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__viewMore {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    border-width: 1px;
    padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__viewMore {
        font-size: 14px
}
    }

.src-app-components-desktop-diamond-items-card-RecentlyViewedItems__moreItemsBtn {
    width: 100%;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
}
.src-app-components-desktop-diamond-items-card-SellerMoreProducts__heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: block;
    margin-top: 20px;
    font-family: 'Playfair Display Bold';
    text-align: center;
}

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__heading span {
    font-weight: bold;
    display: block;
}

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__thumbnailContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 100%;
    margin-top: 180px;
    justify-content: center
}

@media (max-width: 767px) {

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__thumbnailContainer {
        justify-content: space-between
}
    }

/* .thumbnailCardWrap {
    width: 48%;
    display: flex;

    @media (max-width: 1024px) {
        width: calc((100% - 15px) / 2);
    }
} */
.src-app-components-desktop-diamond-items-card-SellerMoreProducts__thumbnailCardWrap {
    /* width: 32%;
    margin-right: 2%; */
    width: 24%;
    margin: 0 1% 20px 0;
}
.src-app-components-desktop-diamond-items-card-SellerMoreProducts__thumbnailCardWrap:nth-of-type(4n) {
        margin-right: 0;
    }
.src-app-components-desktop-diamond-items-card-SellerMoreProducts__thumbnailCardWrap {

    display: flex;
    justify-content: left;
}

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__itemslist {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__viewMore {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    border-width: 1px;
    padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__viewMore {
        font-size: 14px
}
    }

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__moreItemsBtn {
    width: 100%;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
}

.src-app-components-desktop-diamond-items-card-SellerMoreProducts__background {
    width: 100%;
    height: 42px;
    background-color: #F6F6F6;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
    text-align: center;
    grid-gap: 20px;
    /* margin-bottom: 20px; */
}
.src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviews {
  width: 100%;
  padding: 50px 0px;

  .src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviewsheading {
    width: 100%;
    text-align: center;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;

    .src-app-components-desktop-diamond-rating-reviews-RatingReviews__heading {
      font-size: 30px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 3px;
      display: block;
      font-family: 'Playfair Display Bold';
    }
  }
}

.src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviewsbottom {
  width: 100%;

  .src-app-components-desktop-diamond-rating-reviews-RatingReviews__thumbnailContainer {
    width: 100%;
  }
}

.src-app-components-desktop-diamond-rating-reviews-RatingReviews__reviewcard {
  border: 1px solid #f1f1f1;
  width: 100%;
  padding: 20px;
  border-radius: 10px;

  .src-app-components-desktop-diamond-rating-reviews-RatingReviews__reviewcardtop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-family: 'Playfair Display Bold';
    color: #494949;
    margin-bottom: 16px;
  }

  .src-app-components-desktop-diamond-rating-reviews-RatingReviews__reviewcardconten {
    padding-right: 10px;
    margin-bottom: 16px
  }

    .src-app-components-desktop-diamond-rating-reviews-RatingReviews__reviewcardconten p {
      font-size: 16px;
      font-family: 'Playfair Display Bold';
      color: #84818a;
    }

  .src-app-components-desktop-diamond-rating-reviews-RatingReviews__reviewcardbottom {
    display: flex;
    justify-content: space-between;
    align-items: baseline;

    .src-app-components-desktop-diamond-rating-reviews-RatingReviews__reviewcardbottomleft {
      display: flex;
      grid-gap: 10px;

      img {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px;
      }
    }

    .src-app-components-desktop-diamond-rating-reviews-RatingReviews__reviewcardbottomright {
      color: #d9d9d9;
      font-size: 12px;

      span {
        margin-left: 12px;
        display: inline-block;
      }
    }
  }
}

.src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviewstop {
  display: flex;
  align-items: center;
  margin: 50px 0px;

  .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtleft {
    width: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
    grid-gap: 8px;

    .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtstar {
      font-size: 24px;
      line-height: 24px;
    }

    .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtinfo {
      font-size: 14px;
      font-weight: 600;
    }
  }

  .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtright {
    width: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-gap: 12px;
    border-left: 1px solid #f2f2f2;

    .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtinfowrap {
      justify-content: center;
      display: flex;
      align-items: center;
      width: 70%;
      grid-gap: 12px;

      .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtnumber {
        width: 30px;
        font-size: 14px;
        font-weight: 600;
      }

      .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtbar {
        width: calc(100% - 220px);
      }

      .src-app-components-desktop-diamond-rating-reviews-RatingReviews__rrtrstar {
        width: 180px;
        font-size: 24px;
        line-height: 24px;
      }
    }
  }
}

.src-app-components-desktop-diamond-rating-reviews-RatingReviews__outlinebtn {
  background-color: #fff;
  color: #000000;
  border-radius: 0px;
  border: 2px solid #000000;
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  padding: 12px 14px;
  cursor: pointer;
}

.src-app-components-common-Panel__toggleContainer {
  text-align: center
}

.src-app-components-common-Panel__toggleContainer:nth-of-type(2) {
    margin-top: 15px;
  }

.src-app-components-common-Panel__toggle {
  padding-top: 15px;
  /* border-top: 1px solid var(--sectionSepColor); */
  color: #000000;
  text-transform: uppercase;
  font-size: 12px
}

.src-app-components-common-Panel__toggle .fa {
    margin-right: 10px;
  }

.src-app-components-common-Panel__contentContainer {
  margin: 15px 0;
}
.src-app-components-common-FilterList__filterList {
  width: 100%;
  font-size: 12px
}

.src-app-components-common-FilterList__filterList li {
    display: flex;
  }

.src-app-components-common-FilterList__label {
  width: 50%;
  height: 20px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 300;
}

.src-app-components-common-FilterList__value {
  width: 50%;
  text-align: center;
  font-weight: 400;
}

.src-app-components-common-ReadMoreText__toggleContainer {
  margin-top: 3px;
  color: #000000
}
.src-app-components-common-ReadMoreText__toggleContainer .fa {
    margin-right: 3px;
  }

.src-app-components-desktop-common-SocialShare__shareSection {
  margin-top: 5px;
}

.src-app-components-desktop-common-SocialShare__shareText {
  font-size: 10px;
  margin: 8px 4px 0 0;
  float: left;
}

.src-app-components-desktop-common-SocialShare__shareButton {
  cursor: pointer;
  float: left;
  margin-left: 2px;
  outline: none;
}

.src-app-components-desktop-diamond-Profile__metaBarContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-desktop-diamond-Profile__summary {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box
}

.src-app-components-desktop-diamond-Profile__summary span {
    margin-left: 8px;
  }

.src-app-components-desktop-diamond-Profile__container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 25px 0;
  /* background-color: var(--contentBgColor); */
}

.src-app-components-desktop-diamond-Profile__pageContent {
  /* width: var(--desktopContentContainerWidth); */
}

.src-app-components-desktop-diamond-Profile__pageContent .card {
    background-color: #fff;
  }

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-Profile__pageContent {
    width: calc(100% - 30px)
}
  }

.src-app-components-desktop-diamond-Profile__storeCards {
  display: flex;
  justify-content: space-between
}

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-Profile__storeCards {
    flex-direction: column
}
  }

.src-app-components-desktop-diamond-Profile__storeCardsNarrow {
  width: 65%;
  display: flex;
  justify-content: space-between
}

.src-app-components-desktop-diamond-Profile__storeCardsNarrow .src-app-components-desktop-diamond-Profile__wide {
    width: 100%;
  }

.src-app-components-desktop-diamond-Profile__storeCardsNarrow .src-app-components-desktop-diamond-Profile__card {
    margin: 0 0 20px 0;
  }

.src-app-components-desktop-diamond-Profile__content {
  padding: 0 20px;
  position: relative;
  top: -15px;
}

.src-app-components-desktop-diamond-Profile__contentWithoutGallery {
  padding: 20px 20px 0 20px;
}

.src-app-components-desktop-diamond-Profile__titleContainer {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px
}

.page .src-app-components-desktop-diamond-Profile__titleContainer {
    padding: 0
}

.src-app-components-desktop-diamond-Profile__title {
  box-sizing: border-box;
  max-width: 100%;
  margin: 5px 0;
  padding: 0 20px;
  font-size: 20px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-desktop-diamond-Profile__subtitle {
  font-size: 10px;
}

.src-app-components-desktop-diamond-Profile__price {
  margin-top: 0;
  color: #000000;
}

.src-app-components-desktop-diamond-Profile__callForPrice {
  text-transform: none;
  font-size: 18px;
}

.src-app-components-desktop-diamond-Profile__plusTax {
  font-size: 12px;
  text-transform: lowercase;
}

.src-app-components-desktop-diamond-Profile__availability {
  font-size: 10px;
  padding: 10px;
  background-color: #efedd6;
  border-radius: 4px;
  width: 80%;
  margin: 15px auto;
}

.src-app-components-desktop-diamond-Profile__sampleImageContainer {
  position: relative;
}

.src-app-components-desktop-diamond-Profile__sampleImage {
  width: 150px;
}

.src-app-components-desktop-diamond-Profile__settingIcon {
  width: 40px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.src-app-components-desktop-diamond-Profile__sampleImageLabel {
  font-size: 10px;
  color: #000000;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.src-app-components-desktop-diamond-Profile__ringDesc h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
  }

.src-app-components-desktop-diamond-Profile__ringDesc .src-app-components-desktop-diamond-Profile__desc {
    margin-top: 5px;
  }

.src-app-components-desktop-diamond-Profile__desc {
  font-size: 12px;
  text-align: center;
  margin: 15px 0;
}

.src-app-components-desktop-diamond-Profile__viewingDesc {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px
}

.src-app-components-desktop-diamond-Profile__viewingDesc em {
    color: #000000;
    font-style: normal;
    font-weight: 400;
  }

.src-app-components-desktop-diamond-Profile__button {
  width: 100%;
  margin: 15px 0;
  padding: 10px;
  color: #000000;
  font-weight: 300;
}

.src-app-components-desktop-diamond-Profile__storeCard {
  padding: 20px 0 0 0
}

.page .src-app-components-desktop-diamond-Profile__storeCard section {
      padding: 0 20px;
    }

.src-app-components-desktop-diamond-Profile__storeCard .src-app-components-desktop-diamond-Profile__button {
    margin-top: 0;
  }

.src-app-components-desktop-diamond-Profile__storeCard .src-app-components-desktop-diamond-Profile__title {
    color: #000000;
  }

.src-app-components-desktop-diamond-Profile__address {
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
}

.src-app-components-desktop-diamond-Profile__addressLine {
  margin: 3px 0;
}

.src-app-components-desktop-diamond-Profile__mapContainer {
  position: relative;
  width: 100%;
  height: 185px;
}

.src-app-components-desktop-diamond-Profile__mapButton {
  box-shadow: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 20px;
  right: 20px;
}

.src-app-components-desktop-diamond-Profile__cardsLeft {
  width: 100%
}

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-Profile__cardsLeft {
    width: 100%;
    display: flex;
    justify-content: space-between
}

    .src-app-components-desktop-diamond-Profile__cardsLeft .src-app-components-desktop-diamond-Profile__reviews,
    .src-app-components-desktop-diamond-Profile__cardsLeft .src-app-components-desktop-diamond-Profile__retailer {
      box-sizing: border-box;
      /* width: calc((100% - 15px) / 2); */
      width: 100%;
      flex: none;
    }
  }

.src-app-components-desktop-diamond-Profile__cardsRight {
  width: 33%
}

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-Profile__cardsRight {
    width: 100%
}
  }

.src-app-components-desktop-diamond-Profile__similarItemsCard {
  margin: 20px 0 0 0;
}

.src-app-components-desktop-diamond-cards-BasicInfo__titleContainer {
}

.src-app-components-desktop-diamond-cards-BasicInfo__subtitle {
}

.src-app-components-desktop-diamond-cards-BasicInfo__price {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 36px;
  flex-wrap: wrap;

  span {
    font-size: 20px;
  }
}

.src-app-components-desktop-diamond-cards-BasicInfo__callForPrice {
  text-transform: none;
  font-size: 18px;
}

.src-app-components-desktop-diamond-cards-BasicInfo__plusTax {
  font-size: 12px;
  text-transform: lowercase;
}

.src-app-components-desktop-diamond-cards-BasicInfo__availability {
  font-size: 10px;
  padding: 6px 10px;
  background-color: #f1f1f1;
  color: #000;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto;
  margin-top: 10px;
}

.src-app-components-desktop-diamond-cards-BasicInfo__sampleImageContainer {
  position: relative;
  margin-top: 15px;
}

.src-app-components-desktop-diamond-cards-BasicInfo__sampleImage {
  width: 130px;
  border-radius: 4px 4px 0 0;
  margin: 10px 0 -3px 0;
}

.src-app-components-desktop-diamond-cards-BasicInfo__settingIcon {
  width: 35px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.src-app-components-desktop-diamond-cards-BasicInfo__sampleImageLabel {
  font-size: 10px;
  color: #000000;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.src-app-components-desktop-diamond-cards-BasicInfo__priceSep {
  margin: 30px 0;
  border-top: 1px solid #ddd;
}

.src-app-components-desktop-diamond-cards-BasicInfo__ringDesc {
  text-align: center
}

.src-app-components-desktop-diamond-cards-BasicInfo__ringDesc h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
  }

.src-app-components-desktop-diamond-cards-BasicInfo__ringDesc p {
    margin: 5px 0 20px 0;
    font-size: 13px;
  }

.src-app-components-desktop-diamond-cards-BasicInfo__desc {
}

.src-app-components-desktop-diamond-cards-BasicInfo__actions {
  display: flex;
  grid-gap: 10px;
  justify-content: center;
  margin-bottom: 40px;

  button {
    max-width: 175px !important;
    border-radius: 0;
    grid-gap: 10px;
  }
}

.src-app-components-desktop-diamond-cards-BasicInfo__buttonWrapper {
  width: 100%;
  max-width: 250px;
}

.src-app-components-desktop-diamond-cards-BasicInfo__button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  width: 100%;
  max-width: 250px;
  font-weight: 300
}

.src-app-components-desktop-diamond-cards-BasicInfo__button .fa,
  .src-app-components-desktop-diamond-cards-BasicInfo__button .icon {
    font-size: 24px;
    color: #000000;
    margin-right: 10px;
  }

.src-app-components-desktop-diamond-cards-BasicInfo__buynowButton {
  margin-bottom: 0;
  color: #fff;
  background-color: #333;
  padding: 13px
}

.src-app-components-desktop-diamond-cards-BasicInfo__buynowButton .icon {
    font-size: 28px;
    margin-right: 12px;
  }

.src-app-components-desktop-diamond-cards-BasicInfo__contactButtonPrimary {
  margin-bottom: 0;
  color: #fff;
  background-color: #333
}

.src-app-components-desktop-diamond-cards-BasicInfo__contactButtonPrimary .icon {
    font-size: 35px;
    margin-right: 5px;
  }

.src-app-components-desktop-diamond-cards-BasicInfo__contactButtonSecondary {
  background-color: #fff;
  border: 2px solid #dedede;
  padding: 4px;
  margin-bottom: 0
}

.src-app-components-desktop-diamond-cards-BasicInfo__contactButtonSecondary .icon {
    font-size: 36px;
    margin-right: 5px;
  }

.src-app-components-desktop-diamond-cards-BasicInfo__saveButton {
  background-color: #fff;
  border: 2px solid #dedede
}

.src-app-components-desktop-diamond-cards-BasicInfo__saveButton .icon {
    font-size: 22px;
  }

.src-app-components-desktop-diamond-cards-BasicInfo__addcart {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0px;

  .src-app-components-desktop-diamond-cards-BasicInfo__addcartwrap {
    width: 122px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px;
    border-radius: 50px;
    box-shadow: 0px 0px 8px #ccc;

    .src-app-components-desktop-diamond-cards-BasicInfo__addcartbtn {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      text-align: center;
      background-color: #eaeaea;
      line-height: 27px;
      font-size: 21px;
      color: #84818a;
    }
  }
}

.src-app-components-desktop-diamond-cards-BasicInfo__ringDesc {
  h3 {
    font-family: 'Playfair Display Bold';
    font-weight: 800;
    font-size: 30px;
    text-transform: capitalize;
    margin: 50px 0px 10px;
  }

  h4 {
    margin-bottom: 10px;
  }
}

.src-app-components-desktop-diamond-cards-BasicInfo__remarkinfowrap {
  width: 100%;
  display: flex;
  grid-gap: 10px;
  text-align: left;

  img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.src-app-components-desktop-diamond-cards-BasicInfo__staractiowrap {
  width: 98%;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .src-app-components-desktop-diamond-cards-BasicInfo__rrtleft {
    display: flex;
    align-items: center;
    grid-gap: 10px;
  }

  .src-app-components-desktop-diamond-cards-BasicInfo__actionslist {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    margin: 10px 0px;

    button {
      border: none;
      height: 30px;
      width: 30px;
      line-height: 44px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;

      img {
        width: 16px;
        height: 16px;
      }
    }
  }
}
.src-app-components-desktop-diamond-cards-BasicInfo__imgClass {
  width: 20px;
  /* margin-top: 5px;
  margin-left: -1px; */
}
@media (min-width: 991px) {
  .src-app-components-desktop-diamond-cards-BasicInfo__imgClass {
    margin-left: 1px;
  }
}
@media (max-width: 919px) {
  .src-app-components-desktop-diamond-cards-BasicInfo__actions {
    button {
      max-width: 145px !important;
    }
  }
}

.src-app-components-common-share-sharePopup__minOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.5);

  .src-app-components-common-share-sharePopup__modaldilogComment {
    margin: 0 auto;
    display: flex;
    width: 100%;
    height: 98vh;
    margin-top: 1vh;
    align-items: center;
    justify-content: center;
    /* background-color: #fff; */

    .src-app-components-common-share-sharePopup__Commentwrap {
      width: 100%;
      max-width: 500px;
      /* height: 100%; */

      .src-app-components-common-share-sharePopup__CommentBbody {
        position: relative;
        /* display: flex;
                justify-content: space-between;
                gap: 10px;
                height: 100%; */
      }
    }
  }
}

.src-app-components-common-share-sharePopup__attachIcon {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  z-index: 999;
  -webkit-tap-highlight-color: transparent;
}

.src-app-components-common-share-sharePopup__setmaxwh {
  max-width: 100%;
  max-height: 150px;
}

.src-app-components-common-share-sharePopup__fchattext em-emoji-picker {
  position: absolute;
  top: -449px;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey; */
  background: #f1f1f1;
  border-radius: 10px;
}

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

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

.src-app-components-desktop-diamond-cards-AdditionalInfo__item {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 5px 0;
}

.src-app-components-desktop-diamond-cards-AdditionalInfo__label {
  text-transform: uppercase;
  width: 50%;
  text-align: left;
}

.src-app-components-desktop-diamond-cards-AdditionalInfo__value {
  flex-grow: 1;
  text-align: right;
  color: #333;
}

.src-app-components-desktop-diamond-cards-Diamond__card {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none
}

.src-app-components-desktop-diamond-cards-Diamond__card .panel {
    width: 100%;
  }

.src-app-components-desktop-diamond-cards-Diamond__diamondInfo {
  width: 100%;
  display: flex;
}

.src-app-components-desktop-diamond-cards-Diamond__basicInfo {
  width: calc(50% - 20px);
  margin-left: 20px;
}
.src-app-components-desktop-diamond-cards-Diamond__gallerybg {
  width: 50%;
}
.src-app-components-desktop-diamond-cards-Diamond__gallery {
  width: 50%
}
.src-app-components-desktop-diamond-cards-Diamond__gallery .slick-slide img {
    width: 100%;
    border-radius: 4px;
  }
.src-app-components-desktop-diamond-cards-Diamond__gallery .slick-prev {
    left: 10px;
    z-index: 1;
  }
.src-app-components-desktop-diamond-cards-Diamond__gallery .slick-next {
    right: 10px;
  }
.src-app-components-desktop-diamond-cards-Diamond__gallery .slick-dots button:before {
      color: #000000;
    }

.src-app-components-desktop-diamond-cards-Diamond__dataContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px
}

.src-app-components-desktop-diamond-cards-Diamond__dataContainer h4 {
    text-transform: uppercase;
    margin-bottom: 10px;
  }

.src-app-components-desktop-diamond-cards-Diamond__filterList {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between
}

.src-app-components-desktop-diamond-cards-Diamond__filterList li {
    width: 30%
  }

.src-app-components-desktop-diamond-cards-Diamond__filterList li .label {
      width: 100px;
    }

.src-app-components-desktop-diamond-cards-Diamond__filterList li .value {
      text-align: left;
    }

.src-app-components-desktop-diamond-cards-Diamond__button {
}

.src-app-components-desktop-diamond-cards-Diamond__contentWithoutGallery {
  padding: 20px 20px 0 20px;
}

.src-app-components-desktop-diamond-cards-Diamond__sideDiamonds {
  width: 100%
}

.src-app-components-desktop-diamond-cards-Diamond__sideDiamonds .src-app-components-desktop-diamond-cards-Diamond__sideDiamondsFilterList li,
    .src-app-components-desktop-diamond-cards-Diamond__sideDiamonds .src-app-components-desktop-diamond-cards-Diamond__sideDiamondsFilterList .value {
      width: auto;
      width: initial;
    }

.src-app-components-desktop-diamond-cards-Diamond__sideDiamondsFilterList {
  justify-content: center;
}

/* Force gallery content to flex layout */
.image-gallery-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

/* Customize the thumbnail sidebar */
.image-gallery-thumbnails-wrapper {
  width: 120px !important;
}

/* Make thumbnails vertical with spacing */
.image-gallery-thumbnails {
  display: flex;
  flex-direction: column;
  grid-gap: 8px;
}

/* Set size of each thumbnail */
.image-gallery-thumbnail {
  width: 100px;
  height: 91px;
  overflow: hidden;
}

/* Match main image height with 4 thumbnails + 3 gaps */
.image-gallery-slide-wrapper {
  height: calc((100px * 4) + (8px * 3));
  display: flex;
  align-items: center;
}

/* Set the actual image inside thumbnail to 100x100 */
.image-gallery-thumbnail .image-gallery-thumbnail-image {
  width: 100px;
  height: 91px;
   -o-object-fit: cover;
      object-fit: cover; 
}

.image-gallery-slide img {
  height: 365px;
  width: 100%;
  /* object-fit: cover !important; */
}

.image-gallery-slide .image-gallery-image {
  -o-object-fit: cover;
     object-fit: cover;
}

/* Bullets */
.image-gallery-bullets {
  position: absolute;
  bottom: 80px; /* spacing from bottom */
  left: 50%;
  transform: translateX(-50%);
  z-index: 2; /* ensure it stays above the image */
  display: flex;
  justify-content: center;
}

/* Optional: style bullets */
.image-gallery-bullet {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  margin: 0 4px;
  transition: background 0.3s ease;
}

.image-gallery-bullet.active {
  background: #007bff; /* Active bullet color */
}

.src-app-components-desktop-diamond-cards-Store__card {
  background-color: #fff;
  flex-grow: 1;
  padding: 24px;
  margin-top: 20px;
  border: none;
  box-shadow: 0px 0px 32px #ccc;
  border-radius: 0px;
  max-width: 800px;
  margin: 50px auto;
  position: relative;
  z-index: 0;
}

.src-app-components-desktop-diamond-cards-Store__container {
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid #dedede;
}

.src-app-components-desktop-diamond-cards-Store__titleContainer {
  cursor: pointer;
}

.src-app-components-desktop-diamond-cards-Store__title {
  color: #000000;
}

.src-app-components-desktop-diamond-cards-Store__subtitle {
}

.src-app-components-desktop-diamond-cards-Store__viewingDesc {
  /* border: 1px solid #ddd; */
  border-radius: 4px;
  padding: 0px 20px;
  margin-bottom: 0px;
  text-align: left
}

.src-app-components-desktop-diamond-cards-Store__viewingDesc em {
    color: #000000;
    font-style: normal;
    font-weight: 400;
  }

.src-app-components-desktop-diamond-cards-Store__button {
}

.src-app-components-desktop-diamond-cards-Store__address {
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
}

.src-app-components-desktop-diamond-cards-Store__addressLine {
  margin: 3px 0;
}

.src-app-components-desktop-diamond-cards-Store__mapContainer {
  position: relative;
  width: 100%;
  height: 185px;
}

.src-app-components-desktop-diamond-cards-Store__mapButton {
  box-shadow: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 20px;
  right: 20px;
}

.src-app-components-desktop-diamond-cards-Store__imageThumbnails {
  width: 140px;
  margin-left: 8px;
  border: 1px solid #eee;
  border-radius: 50%;
  height: 140px;
  cursor: pointer;
  -o-object-fit: cover;
     object-fit: cover;
}

.src-app-components-desktop-diamond-cards-Store__sellerprofilenfo {
  width: 100%;
  display: flex;
  align-items: baseline;

  .src-app-components-desktop-diamond-cards-Store__sellerprofilimgtextwrap {
    width: 100%;
    display: flex;

    .src-app-components-desktop-diamond-cards-Store__sellerprofilimg {
      width: 160px;
    }

    .src-app-components-desktop-diamond-cards-Store__sellerprofiltext {
      width: calc(100% - 160px);
      text-align: left;

      h1 {
        font-size: 20px;
        font-weight: 800;
        font-family: 'Playfair Display Bold';
        padding: 0 20px;
      }

      .src-app-components-desktop-diamond-cards-Store__address {
        text-align: left;
        padding: 0 20px;
      }
    }
  }
}

.src-app-components-desktop-diamond-cards-Store__rrtleft {
  width: 100%;
  justify-content: start;
  display: flex;
  align-items: center;
  grid-gap: 8px;
  padding-left: 20px;

  .src-app-components-desktop-diamond-cards-Store__rrtstar {
    font-size: 18px;
    line-height: 18px;
  }

  .src-app-components-desktop-diamond-cards-Store__rrtinfo {
    font-size: 14px;
    font-weight: 600;
  }
}

.src-app-components-desktop-diamond-cards-Store__sellerprofilenfoleft {
  width: calc(100% - 150px);
}

.src-app-components-desktop-diamond-cards-Store__sellerprofilenforight {
  width: 150px;

  button {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
  }

  .src-app-components-desktop-diamond-cards-Store__blackbutton {
    background-color: #000000;
    color: #fff;
    border-radius: 0px;
    border: 2px solid #000000
  }

    .src-app-components-desktop-diamond-cards-Store__blackbutton:hover {
      background-color: #fff;
      color: #000000;
    }

  .src-app-components-desktop-diamond-cards-Store__outlinebtn {
    background-color: #fff;
    color: #000000;
    border-radius: 0px;
    border: 2px solid #000000
  }

    .src-app-components-desktop-diamond-cards-Store__outlinebtn:hover {
      background-color: #000000;
      color: #fff;
    }
}

.src-app-components-desktop-diamond-cards-Store__background {
  width: 100%;
  height: 42px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-bottom: 20px; */
  z-index: 0;
  margin-top: 80px;
}

.src-app-components-desktop-diamond-cards-Store__ServicesShippingwrap {
  display: flex;
  grid-gap: 50px;
  justify-content: space-between;

  .src-app-components-desktop-diamond-cards-Store__sswrapleft {
    width: calc(50% - 25px);
    border: 1px solid #f2f2f2;
    background-color: #f6f6f6;
  }

  .src-app-components-desktop-diamond-cards-Store__sswrapright {
    width: calc(50% - 25px);
    border: 1px solid #f2f2f2;
    background-color: #f6f6f6;
  }
}

.src-app-components-desktop-diamond-cards-Services__heading {
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    font-family: 'Playfair Display Medium';
    background-color: #fff;
}



.src-app-components-desktop-diamond-cards-Services__contenlist {
    padding: 10px;

    ul {
        display: grid;
        grid-template-columns: 60% 40%;
        /* border-left: 1px solid; */
        position: relative
    }

        ul:after {
            position: absolute;
            content: '';
            width: 1px;
            height: calc(100% - 24px);
            left: calc(50% - 1px);
            background-color: #777;
            top: 12px;
        }

    ul {

        li {
            position: relative;
            padding: 8px 20px
        }

            li:after {
                position: absolute;
                content: '';
                width: 10px;
                height: 10px;
                left: 0px;
                border-radius: 50%;
                background-color: #777;
                top: 12px;
            }
    }
}
 .src-app-components-desktop-diamond-cards-PoliciesCard__conten {
      padding: 10px;
    }
    .src-app-components-desktop-diamond-cards-PoliciesCard__heading {
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    font-family: 'Playfair Display Medium';
    background-color: #fff;
}
.src-app-components-desktop-diamond-cards-Ring__card {
  width: calc(35% - 20px);
  margin: 20px 0 0 20px;
}

.src-app-components-desktop-diamond-cards-Ring__titleContainer {
}

.src-app-components-desktop-diamond-cards-Ring__title {
}

.src-app-components-desktop-diamond-cards-Ring__subtitle {
}

.src-app-components-desktop-diamond-cards-Ring__desc {
}

.src-app-components-desktop-diamond-cards-Jewelry__card {
  margin: 20px 0 0 0;
}

.src-app-components-desktop-diamond-cards-Jewelry__titleContainer {
}

.src-app-components-desktop-diamond-cards-Jewelry__title {
}

.src-app-components-desktop-diamond-cards-Jewelry__subtitle {
}

.src-app-components-desktop-diamond-cards-Jewelry__desc {
}

.src-app-components-desktop-diamond-cards-Jewelry__dataContainer {
  padding: 0 30px;
}

.src-app-components-desktop-diamond-cards-Jewelry__filterList {
}

.src-app-components-desktop-diamond-cards-Jewelry__filterList li {
    margin: 5px 0;
  }

.src-app-components-common-RetailerLogo__nameContainer {
  padding: 40px 10px;
  text-align: center;
  background-color: #000;
  color: #fff;
  font-weight: 100;
  font-size: 20px;
  border-radius: 6px;
  cursor: pointer;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media all and (max-width: 1300px) {
	.src-app-components-common-RetailerLogo__nameContainer {
		padding: 32px 8px;
	}  
}

.src-app-components-desktop-common-RetailerThumbnails__imageThumbnails{
  width: 110px; 
  margin-left: 8px; 
  border: 1px solid #eee; 
  border-radius: 6px; 
  height: 100px;
  cursor: pointer;
}

@media all and (max-width: 1300px) {
	.src-app-components-desktop-common-RetailerThumbnails__imageThumbnails {
		width: 85px;
		height: 85px;
	}  
}
.src-app-components-desktop-diamond-Header__container {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #dedede;
}

.src-app-components-desktop-diamond-Header__pageContent {
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0
}

@media (max-width: 1024px) {

.src-app-components-desktop-diamond-Header__pageContent {
    width: 100%;
    padding: 15px 0
}
  }
.src-app-components-desktop-diamond-Header__logo {
  width: calc(100% / 3);
}
.src-app-components-desktop-diamond-Header__thumbnails {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}

.src-app-components-desktop-diamond-Header__itemsCount {
  padding: 23px 0px;
  text-align: center;
  width: 110px;
  margin-left: 8px;
  border: 1px solid #eee;
  border-radius: 6px;
  cursor: pointer;
}

.src-app-components-desktop-diamond-Header__itemsNumber {
  margin: 0;
  font-size: 30px;
}
@media all and (max-width: 1300px) {
  .src-app-components-desktop-diamond-Header__itemsCount {
    width: 85px;
    padding: 15px 0;
  }
}

.src-app-components-desktop-home-Section__section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0;
}

.src-app-components-desktop-home-Section__pageContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-desktop-home-Section__header {
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Playfair Display Bold'
}

.src-app-components-desktop-home-Section__header h2,
  .src-app-components-desktop-home-Section__header h3,
  .src-app-components-desktop-home-Section__header p {
    color: #39384d;
    text-align: center;
    text-transform: uppercase;
  }

.src-app-components-desktop-home-Section__header h2 {
    font-family: 'Futura Regular';
    padding-top: 5px;
    margin-bottom: 8px;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
  }

.src-app-components-desktop-home-Section__header h3 {
    font-weight: bold;
    letter-spacing: 8px;
    font-size: 50px;
    font-family: 'Playfair Display Black';
  }

.src-app-components-desktop-home-Section__header p {
    margin-top: 8px;
  }

.src-app-components-desktop-home-Section__header .icon {
    display: block;
    font-size: 36px;
    color: #ccc;
    margin-bottom: 10px;
  }

.src-app-components-desktop-home-Section__header .src-app-components-desktop-home-Section__topImageWrapper {
    max-width: 36px;
    margin-bottom: 10px;
  }

.src-app-components-desktop-home-Section__header .src-app-components-desktop-home-Section__topImageWrapperLarger {
    max-width: 60px;
    margin-bottom: 10px;
  }
.src-app-components-desktop-common-appDownload-AppDownload__storeviewSection {
  background: url(/f179e54581e13f0a9b69ed00020709d1.png) center top /
    cover no-repeat;
  padding: 80px 0 0 0
}

.src-app-components-desktop-common-appDownload-AppDownload__storeviewSection h3,
  .src-app-components-desktop-common-appDownload-AppDownload__storeviewSection h2 {
    color: #fff;
  }

.src-app-components-desktop-common-appDownload-AppDownload__storeviewSection img {
    display: block;
    width: 100%;
    max-width: 310px;
  }

.src-app-components-desktop-common-appDownload-AppDownload__sellingSection {
  background: #44bc9a
    url(/2a081181c3309578eb65cd12a63c7515.jpg) center top /
    cover no-repeat
}

.src-app-components-desktop-common-appDownload-AppDownload__sellingSection p {
    max-width: 780px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #fff;
  }

.src-app-components-desktop-common-appDownload-AppDownload__sellingSection h3 {
    color: #fff;
  }

.src-app-components-desktop-common-appDownload-AppDownload__sellingSection strong {
    font-weight: 400;
  }

.src-app-components-desktop-common-appDownload-AppDownload__sellingSection button {
    background-color: #fff;
    color: #000000;
  }

.src-app-components-desktop-common-appDownload-AppDownload__appDownloadContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #434172;
  width: 100%;
}

.src-app-components-desktop-common-appDownload-AppDownload__appScreenImageContainer {
  width: 30%;
  max-width: 390px
}

.src-app-components-desktop-common-appDownload-AppDownload__appScreenImageContainer img {
    display: block;
    width: 100%;
  }

.src-app-components-desktop-common-appDownload-AppDownload__appDownloadActionsContainer h3,
  .src-app-components-desktop-common-appDownload-AppDownload__appDownloadActionsContainer p {
    text-align: center;
    color: #fff;
  }

.src-app-components-desktop-common-appDownload-AppDownload__appDownloadActionsContainer h3 {
    font-size: 30px;
  }

.src-app-components-desktop-common-appDownload-AppDownload__appDownloadActionsContainer p {
    margin: 0 0 30px 0;
    font-size: 20px;
  }

.src-app-components-desktop-common-appDownload-AppDownload__appDownloadActions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px
}

.src-app-components-desktop-common-appDownload-AppDownload__appDownloadActions a {
    width: 100%;
    max-width: 180px;
    margin: 0 2%
  }

.src-app-components-desktop-common-appDownload-AppDownload__appDownloadActions a img {
      width: 100%;
    }

.src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSection {
  display: flex;
  width: 100%;
  position: relative;

  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionLeft {
    width: 50%;
    text-align: center;

    .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionseparetor {
      background: #d9d9d9;
      width: 300px;
      margin: 25px auto;
      height: 1px;
    }

    .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionLeftTitle {
      font-size: 24px;
      font-weight: bold;
      color: #333;
      font-family: 'Playfair Display Bold';
    }

    .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionconten {
      h2 {
        color: #000000;
        font-size: 26px;
        font-family: 'Playfair Display Bold';
        margin-bottom: 20px;
      }

      p {
        small {
          color: #004ab0;
          font-family: 'Futura Regular';
          /* font-family: 'Futura Bold';
            letter-spacing: 2px; */
          letter-spacing: 2px;
          font-size: 12px;
        }
      }

      h3 {
        margin-top: 12px;
        color: #004ab0;
        font-size: 26px;
        margin-bottom: 20px;
        font-family: 'Playfair Display Bold';
      }
    }

    .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionLeftButton {
      margin: 20px 0px;

      button {
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 1px;
        border-width: 1px;
        transition: all 0.2s ease;
        padding: 14px 30px;
        margin: 8px;
        font-family: 'Futura Bold';
        cursor: pointer
      }

        button.src-app-components-desktop-common-appDownload-AppDownload__learnMore,
        button.src-app-components-desktop-common-appDownload-AppDownload__sellerLogin {
          background-color: #fff;
          color: #000000;
          border: 1px solid #000;
          outline: none
        }

          button.src-app-components-desktop-common-appDownload-AppDownload__learnMore:hover, button.src-app-components-desktop-common-appDownload-AppDownload__sellerLogin:hover {
            background-color: #000000;
            color: #fff;
          }

        button.src-app-components-desktop-common-appDownload-AppDownload__startSelling {
          background-color: #000000;
          color: #fff
        }

          button.src-app-components-desktop-common-appDownload-AppDownload__startSelling:hover {
            background-color: #fff;
            color: #000000;
          }
    }
  }

  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionRight {
    position: relative;
    flex: 1;
    padding: 10px;
    text-align: right;
    z-index: 0;

    .src-app-components-desktop-common-appDownload-AppDownload__classGems {
      position: absolute;
      font-size: 100px;
      font-family: 'Playfair Display Black';
      bottom: -10px;
      color: rgb(205 205 205 / 10%);
      z-index: -1;
      left: 0;
      letter-spacing: 20px;
    }

    .src-app-components-desktop-common-appDownload-AppDownload__apppreviewimage {
      max-width: 100%;
      margin-bottom: -10px;
    }

    .src-app-components-desktop-common-appDownload-AppDownload__appdownloadurl {
      position: absolute;
      right: 0;
      top: 0;

      img {
        max-width: 200px;
        margin-bottom: 10px;
      }
    }
  }
}

@media only screen and (max-width: 991px) {
  .src-app-components-desktop-common-appDownload-AppDownload__storeviewSection {
    background-size: 556px;
    background-position: right 68px;
  }
  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionconten h2 {
    margin-bottom: 8px !important;
  }
  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionconten h3 {
    margin: 0 !important;
  }
  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionLeftButton button {
    padding: 8px 12px !important;
  }
}

@media (min-width: 768px) and (max-width: 840px) {
  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionLeftTitle {
    font-size: 18px !important;
  }

  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionconten {
    h2 {
      font-size: 20px !important;
      margin-bottom: 12px !important;
    }

    h3 {
      font-size: 20px !important;
      margin-bottom: 12px !important;
    }
  }
  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionLeftButton {
    margin: 10px 0px !important;
  }
  .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSection {
    .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionLeft {
      .src-app-components-desktop-common-appDownload-AppDownload__wrapDownloadSectionseparetor {
        margin: 15px auto !important;
      }
    }
  }
}

.src-app-components-desktop-footer-MoreInfo__moreInfo {
  height: 150px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #52546e;
}

.src-app-components-desktop-footer-MoreInfo__title {
  width: 20%;
  color: #fff;
  font-size: 18px;
  text-align: center
}

@media (max-width: 1024px) {

.src-app-components-desktop-footer-MoreInfo__title {
    font-size: 14px
}
  }

.src-app-components-desktop-footer-MoreInfo__content {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.src-app-components-desktop-footer-Footer__footer {
  padding: 2% 10%;
  /* background-color: var(--footerBgColor); */
  background-color: #000000
}

.src-app-components-desktop-footer-Footer__footer a:hover {
    opacity: 0.7;
  }

@media (max-width: 1024px) {

.src-app-components-desktop-footer-Footer__footer {
    font-size: 10px
}
  }

.src-app-components-desktop-footer-Footer__followIcons a {
    padding: 5px;
    margin: 0 10px
  }

.src-app-components-desktop-footer-Footer__followIcons a .fa {
      font-size: 36px;
      color: #000000;
    }

.src-app-components-desktop-footer-Footer__registerButton {
  margin-right: 15px;
  border: 1px solid #000000;
  font-weight: 300;
  letter-spacing: 1px;
}

.src-app-components-desktop-footer-Footer__loginButton {
  border: 1px solid #000000;
  font-weight: 300;
  letter-spacing: 1px;
}

.src-app-components-desktop-footer-Footer__seenon img {
    display: inline-block;
    margin: 0 30px;
    max-height: 60px;
    max-width: 120px;
    vertical-align: middle;
  }

.src-app-components-desktop-footer-Footer__supporters a {
    display: flex;
    margin: 0 20px
  }

.src-app-components-desktop-footer-Footer__supporters a img {
      height: 45px;
    }

.src-app-components-desktop-footer-Footer__supporters a .src-app-components-desktop-footer-Footer__loginButton {
      margin-left: 20px;
    }

.src-app-components-desktop-footer-Footer__links {
  display: flex;
  align-items: center;
  justify-content: center

  /* margin-top: 80px; */
}

.src-app-components-desktop-footer-Footer__links a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 200;
  }

.src-app-components-desktop-footer-Footer__links span {
    margin: 0 10px;
    color: #fff;
    font-size: 24px;
  }

.src-app-components-desktop-footer-Footer__copyright {
  margin-top: 15px;
  text-align: center;
  color: #fff;
}

@media (max-width: 992px) {
  .src-app-components-desktop-footer-Footer__links a {
    font-size: 10px;
    font-weight: 200;
  }
}
.src-app-components-common-SearchBar__field {
  width: 100%;
  color: #838383
}

.src-app-components-common-SearchBar__field input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-top: 0px;
    border: none;
    outline: none;
    border-bottom: 2px dashed #ddd;
    border-radius: 0;
    padding: 8px 4px 4px 0px;
    font-size: 16px
  }

.src-app-components-common-SearchBar__field input:-webkit-autofill {
      border: none;
      -webkit-text-fill-color: #000000;
    }

@media (max-width: 1024px) {

.src-app-components-common-SearchBar__field input {
      padding: 8px 0 8px 5px;
      font-size: 14px
  }
    }

.src-app-components-common-SearchBar__field input:focus {
    border-bottom: 2px dashed #000000;
  }

.src-app-components-common-SearchBar__searchIcon {
  position: absolute;
  left: -10px;
  top: 2px;
  font-size: 42px;
  color: #aaa;
}

.src-app-components-common-SearchBar__matchingWords em {
  font-weight: bold;
}

.src-app-components-common-SearchBar__autocompleteItems {
  box-sizing: border-box;
  position: absolute;
  padding: 10px 5px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  z-index: 99;
  top: 110%;
  width: 100%;
}

.src-app-components-common-SearchBar__autocompleteItems div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
}

.src-app-components-common-SearchBar__searchButton {
  background-color: #000000;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-common-SearchBar__searchButton {
    margin-left: 10px
}
  }

.src-app-components-common-SearchBar__searchFieldContainerHold {
  width: 100%;
  position: relative;
}

.src-app-components-common-SearchBar__searchFieldContainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.src-app-components-common-SearchBar__iconButton {
  padding: 2px 6px;
}

.src-app-components-common-SearchBar__iconButton i {
  font-size: 32px
}

@media (max-width: 1024px) {

.src-app-components-common-SearchBar__iconButton i {
    font-size: 28px
}
  }

@media (min-width: 768px) and (max-width: 1024px) {
  .src-app-components-common-SearchBar__iconButton i {
    position: absolute;
    top: -2px !important;
    left: -12px;
  }
}

@media (max-width: 1024px) {
  .src-app-components-common-SearchBar__searchFieldContainer {
    background: #e8e8e8;
    border-radius: 10px;
  }
    .src-app-components-common-SearchBar__field input {
      border-bottom: 0px;
      background: transparent !important;
      padding: 12px 15px 12px 45px;
    }
    .src-app-components-common-SearchBar__field input:focus {
      border: 0px;
    }
  .src-app-components-common-SearchBar__searchButton {
    background-color: transparent;
    color: #000;
    font-size: 18px;
  }
  .src-app-components-common-SearchBar__iconButton i {
    font-size: 40px;
    position: relative;
    top: 2px;
  }
  .src-app-components-common-SearchBar__searchButton {
    position: absolute;
    /* left: 16px; */
    top: 4px;
  }
}

@media (max-width: 767px) {
  .src-app-components-common-SearchBar__searchButton {
    position: absolute;
    left: -10px;
    top: 0px;
  }
}

.src-app-components-desktop-hero-Tall__container {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 5%;
  background: #f7f4f2;
}

.src-app-components-desktop-hero-Tall__searchContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.src-app-components-desktop-hero-Tall__branding {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #39384d;
  text-transform: uppercase
}

.src-app-components-desktop-hero-Tall__branding img {
    width: 28px;
    margin-bottom: 20px
  }

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__branding img {
      margin-bottom: 15px
  }
    }

.src-app-components-desktop-hero-Tall__branding h1,
  .src-app-components-desktop-hero-Tall__branding h2,
  .src-app-components-desktop-hero-Tall__branding h3 {
    text-align: center;
  }

.src-app-components-desktop-hero-Tall__branding h1 {
    font-family: 'Playfair Display Bold';
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 3rem;
    margin-top: 5px
  }

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__branding h1 {
      font-size: 2rem
  }
    }

@media (max-width: 768px) {

.src-app-components-desktop-hero-Tall__branding h1 {
      font-size: 1.5rem
  }
    }

.src-app-components-desktop-hero-Tall__branding h2 {
    font-size: 1.79rem;
    font-weight: 300;
    letter-spacing: 4px
  }

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__branding h2 {
      font-size: 1.1rem
  }
    }

@media (max-width: 768px) {

.src-app-components-desktop-hero-Tall__branding h2 {
      font-size: 0.8rem
  }
    }

.src-app-components-desktop-hero-Tall__branding h3 {
    font-size: 1.15rem;
    font-weight: 300;
    letter-spacing: 3px;
    margin-top: 12px
  }

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__branding h3 {
      font-size: 0.77rem
  }
    }

@media (max-width: 768px) {

.src-app-components-desktop-hero-Tall__branding h3 {
      font-size: 0.58rem
  }
    }

.src-app-components-desktop-hero-Tall__searchCard {
  box-sizing: border-box;
  width: 90%;
  /* width: 100%; */
  margin-top: 35px;
  /* padding: 20px 25px; */
  display: flex;
  position: relative;
  justify-content: center;
  border-radius: 16px;
  box-shadow: 0px 0px 8px #ccc;
  padding-left: 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__searchCard {
    padding: 12px 15px;
    margin-top: 15px
}

    .src-app-components-desktop-hero-Tall__searchCard input {
      font-size: 12px;
    }

    .src-app-components-desktop-hero-Tall__searchCard .icon {
      font-size: 32px;
    }
  }

.src-app-components-desktop-hero-Tall__searchButton {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border-width: 1px
}

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__searchButton {
    font-size: 14px
}
  }

.src-app-components-desktop-hero-Tall__searchButton:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-desktop-hero-Tall__searchSeparator {
  width: 90%;
  /* width: 100%; */
  display: flex;
  align-items: center;
  margin: 25px 0;
  color: #39384d;
  text-transform: uppercase
}

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__searchSeparator {
    margin: 15px 0;
    font-size: 10px
}
  }

.src-app-components-desktop-hero-Tall__sepLine {
  flex-grow: 1;
  height: 1px;
  background-color: #a2a2ab;
}

.src-app-components-desktop-hero-Tall__sepText {
  margin: 0 15px;
  font-size: 16px;
}

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__imageContainer {
    width: 65%
}
  }

.src-app-components-desktop-hero-Tall__image {
  height: 630px
}

@media (max-width: 1024px) {

.src-app-components-desktop-hero-Tall__image {
    width: 100%;
    height: auto
}
  }
.src-app-components-common-NewSellerCard__wrapper {
  cursor: pointer;
  text-align: center;
}

.src-app-components-common-NewSellerCard__thumbnailImage {
  width: 170px;
  height: 170px;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 5px solid #fff;
  /* filter: drop-shadow(rgba(0, 0, 0, 19%) 6px 6px 15px); */
  filter: drop-shadow(rgba(0, 0, 0, 10%) 0px 6px 7px);
}

.src-app-components-common-NewSellerCard__thumbnailDescriptionContainer {
  text-align: center;
}

.src-app-components-common-NewSellerCard__name {
  width: 100%;
  margin-top: 5px;
  font-weight: 500;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}


@media (max-width:767px) {
  .src-app-components-common-NewSellerCard__wrapper {
    cursor: pointer;
    margin: 0px 10px 10px;

  }

  .src-app-components-common-NewSellerCard__thumbnailImage {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
       object-fit: cover;
    border: 4px solid #fff;
    margin: 0px 22px;
    display: block;
  }

  .src-app-components-common-NewSellerCard__name {
    font-size: 14px;
  }

  .src-app-components-common-NewSellerCard__name p {
    font-size: 14px;
    color: gray;
    margin: 0px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .src-app-components-common-NewSellerCard__name span {
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
  }


}

@media (max-width:1199px) {
  .src-app-components-common-NewSellerCard__thumbnailImage {
    width: 100px;
    height: 100px;
  }
}
.src-app-components-desktop-home-NewSellers__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 20px
}

@media (max-width: 767px) {

.src-app-components-desktop-home-NewSellers__container {
    margin-top: 20px
}
  }

.src-app-components-desktop-home-NewSellers__thumbnailContainer {
  display: flex;
  width: 100%;
  margin-top: 20px;

  /* gap: 20px;
  padding-bottom: 100px;
  overflow: auto;
  margin-bottom: 20px; */

  img {
    margin: 10px 0px 6px 0px;
  }
}

@media (max-width: 767px) {

.src-app-components-desktop-home-NewSellers__thumbnailContainer {
    margin: 0
}
  }

.src-app-components-desktop-home-NewSellers__forspace {
}

.src-app-components-desktop-home-NewSellers__thumbnailCardWrap {
  display: flex;
  height: 211px
}

.src-app-components-desktop-home-NewSellers__thumbnailCardWrap:nth-of-type(4n) {
    margin-right: 0;
  }

.src-app-components-desktop-home-NewSellers__thumbnailCardWrap .src-app-components-desktop-home-NewSellers__overflow {
    max-height: 250px;
    overflow-y: hidden;
  }

.src-app-components-desktop-home-NewSellers__heading {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  font-family: 'Playfair Display Bold'
}

@media (max-width: 767px) {

.src-app-components-desktop-home-NewSellers__heading {
    padding-bottom: 20px;
    color: #39384d;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    width: 100%;
    display: block
}
  }

.src-app-components-desktop-home-NewSellers__heading span {
  font-weight: bold
}

@media (max-width: 767px) {

.src-app-components-desktop-home-NewSellers__heading span {
    font-weight: bold;
    display: block
}
  }

.src-app-components-desktop-home-NewSellers__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-home-NewSellers__viewMore {
    font-size: 14px
}
  }

.src-app-components-desktop-home-NewSellers__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-desktop-home-NewSellers__noSellersMessage {
  text-align: center;
}

.src-app-components-desktop-home-Home__hiddenGem {
  width: 100%;
  height: 200px;
  margin-top: 25px;
  background: url(/a2cc9219f32359be5db3e6e9b79344a7.jpg) center 0 / auto 300px no-repeat;
}

.src-app-components-desktop-home-Home__partnerSection {
  /* background-color: var(--brandBeige); */
  padding: 0 0 60px 0;
}

.src-app-components-desktop-home-Home__titleFont {
  font-family: 'Playfair Display Bold';
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #000000;
  text-transform: capitalize;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.src-app-components-desktop-home-Home__paragraphFont {
  font-family: 'Futura Regular';
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;

  text-align: center;
  letter-spacing: 1px;
  padding: 10px;
  color: #000000;
}

.src-app-components-desktop-home-Home__profileSection {
  /* background-color: var(--brandBeige); */
  padding: 10px 0;
}

.src-app-components-desktop-home-Home__partnerContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 20px;
}

.src-app-components-desktop-home-Home__insurerContainer {
  display: flex;
  width: 100%;
  margin-top: 20px;
  justify-content: space-around;
}

.src-app-components-desktop-home-Home__partnerItem {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.src-app-components-desktop-home-Home__textBox {
  width: 338px;
  height: 200px;
  background: #FFFFFF;
  opacity: 83%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.src-app-components-desktop-home-Home__logoPartner {
  position: relative;
  text-align: center;
  margin: 0 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end
}

.src-app-components-desktop-home-Home__logoPartner img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }


.src-app-components-desktop-home-Home__insurerPartner {
  position: relative;
  text-align: center;
  margin: 0 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}


.src-app-components-desktop-home-Home__insurerPartner img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }


.src-app-components-desktop-home-Home__insurerPartner .src-app-components-desktop-home-Home__logoJMIImage {
    max-width: 160px;
    margin-top: 5px;
  }


.src-app-components-desktop-home-Home__insurerPartner .src-app-components-desktop-home-Home__logoAtlasImage {
    max-width: 35px;
    margin-top: 5px;
  }


.src-app-components-desktop-home-Home__insurerPartner .src-app-components-desktop-home-Home__logoVerifiedImage {
    max-width: 35px;
    margin-top: 2px;
  }


.src-app-components-desktop-home-Home__insurerPartner .src-app-components-desktop-home-Home__logoStripeImage {
    max-width: 90px;
    margin-top: 8px;
  }


.src-app-components-desktop-home-Home__insurerPartner .src-app-components-desktop-home-Home__logoShippoImage {
    max-width: 120px;
    margin-top: 10px;
  }


.src-app-components-desktop-home-Home__insurerPartner .src-app-components-desktop-home-Home__logoRadarImage {
    max-width: 50px;
  }


.src-app-components-desktop-home-Home__insurerPartner .src-app-components-desktop-home-Home__logoJMImage {
    margin-top: 6px;
    max-width: 150px;
  }

.src-app-components-desktop-home-Home__logoJM:hover .src-app-components-desktop-home-Home__logoPartnerCategoryCTA {
    text-decoration: underline;
  }

.src-app-components-desktop-home-Home__logoPartnerCategoryLabel {
  font-size: 16px;
  color: #777;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.src-app-components-desktop-home-Home__logoPartnerCategoryCTA {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  margin-top: 20px;
  text-transform: uppercase;
}

.src-app-components-desktop-home-Home__categoryContainer {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 20px 0 0 0;
}

.src-app-components-desktop-home-Home__categoryCard {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  padding: 30px 10px;
  min-height: 270px;
  width: 100%;
  text-align: center;
  color: #fff;
  border-radius: 4px
}

.src-app-components-desktop-home-Home__categoryCard .src-app-components-desktop-home-Home__top {
    margin: 0;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px
  }

@media (max-width: 1250px) {

.src-app-components-desktop-home-Home__categoryCard .src-app-components-desktop-home-Home__top {
      font-size: 20px
  }
    }

.src-app-components-desktop-home-Home__categoryCard .src-app-components-desktop-home-Home__mid {
    margin: 15px 0 0 0;
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: 'Playfair Display Bold';
    color: #000000
  }

@media (max-width: 1250px) {

.src-app-components-desktop-home-Home__categoryCard .src-app-components-desktop-home-Home__mid {
      font-size: 25px
  }
    }

@media (max-width: 1000px) {

.src-app-components-desktop-home-Home__categoryCard .src-app-components-desktop-home-Home__mid {
      font-size: 20px
  }
    }

.src-app-components-desktop-home-Home__categoryCard .src-app-components-desktop-home-Home__btm {
    margin: 20px 0 20px 0;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

.src-app-components-desktop-home-Home__categoryCard1 {
  transition: all 0.5s ease;
  background: #333 url(/29d0d79492de27d1b729e1918516106a.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard1:hover {
  background: #333 url(/29d0d79492de27d1b729e1918516106a.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard2 {
  transition: all 0.5s ease;
  background: #333 url(/60a65b56cd0b72234deb63d9a33dad24.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard2:hover {
  background: #333 url(/60a65b56cd0b72234deb63d9a33dad24.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard3 {
  transition: all 0.5s ease;
  background: #333 url(/39eae1a651bb8ef95616a78ec1c770e7.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard3:hover {
  background: #333 url(/39eae1a651bb8ef95616a78ec1c770e7.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard4 {
  transition: all 0.5s ease;
  background: #333 url(/c1423847e4645df8ca900c0b433e9680.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard4:hover {
  background: #333 url(/c1423847e4645df8ca900c0b433e9680.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard5 {
  transition: all 0.5s ease;
  background: #333 url(/29ed419a2835f0f7a946d273efca680a.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard5:hover {
  background: #333 url(/29ed419a2835f0f7a946d273efca680a.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard6 {
  transition: all 0.5s ease;
  background: #333 url(/25bb6bcc31a697fb7074afff2fec3152.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard6:hover {
  background: #333 url(/25bb6bcc31a697fb7074afff2fec3152.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard7 {
  transition: all 0.5s ease;
  background: #333 url(/8f67544a1feb0f4e8cf7f14293d5af6a.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard7:hover {
  background: #333 url(/8f67544a1feb0f4e8cf7f14293d5af6a.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard8 {
  transition: all 0.5s ease;
  background: #333 url(/2111d7fc85b6fb4529970a8e35075c9a.jpg) center / auto 400px no-repeat;
}

.src-app-components-desktop-home-Home__categoryCard8:hover {
  background: #333 url(/2111d7fc85b6fb4529970a8e35075c9a.jpg) center / auto 470px no-repeat;
}

.src-app-components-desktop-home-Home__sectionCondensed {
  padding: 60px 0 60px 0
}

.src-app-components-desktop-home-Home__sectionCondensed p {
    margin-bottom: 0;
  }

.src-app-components-desktop-home-Home__sectionDiagonalTop {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-bottom: 0px;
  padding-top: 0px
}

.src-app-components-desktop-home-Home__sectionDiagonalTop p {
    margin-bottom: 0;
  }

.src-app-components-desktop-home-Home__stone {
  font-family: 'Playfair Display Black';
  font-size: 80px;
  text-transform: uppercase;
  color: #000;
  opacity: 2%;
  position: absolute;
  letter-spacing: 20px;
  transform: translate(-19%, -92%);
}

.src-app-components-desktop-home-Home__diamonds {
  font-family: 'Playfair Display Black';
  font-size: 100px;
  text-transform: uppercase;
  color: #000;
  opacity: 2%;
  position: absolute;
  letter-spacing: 20px;
  transform: translate(-214px, 10px);
}

.src-app-components-desktop-home-Home__rings {
  font-family: 'Playfair Display Black';
  font-size: 100px;
  text-transform: uppercase;
  color: #000;
  opacity: 2%;
  position: absolute;
  letter-spacing: 20px;
  transform: translate(-50px, -158px);
}

.src-app-components-desktop-home-Home__gems {
  font-family: 'Playfair Display Black';
  font-size: 100px;
  text-transform: uppercase;
  color: #000;
  opacity: 2%;
  position: absolute;
  letter-spacing: 20px;
  transform: translate(-50%, 150%);
}

.src-app-components-desktop-home-Home__ruby {
  font-family: 'Playfair Display Black';
  font-size: 100px;
  text-transform: uppercase;
  color: #000;
  opacity: 2%;
  position: absolute;
  letter-spacing: 20px;
  right: 0;
  bottom: 0;
}

.src-app-components-desktop-home-Home__sectionDiagonalBottom {
  padding-top: 0px;
  padding-bottom: 0px;
  background: #fff;
  background: linear-gradient(-6deg, #fff 30%, #f7f4f2 30%)
}

.src-app-components-desktop-home-Home__sectionDiagonalBottom p {
    margin-bottom: 0;
  }

.src-app-components-desktop-home-Home__sectionNoPadding {
  padding-bottom: 0px;
  padding-top: 0px
}

.src-app-components-desktop-home-Home__sectionNoPadding p {
    margin-bottom: 0;
  }

.src-app-components-desktop-home-Home__sectionRecentRow {
  padding-bottom: 0px;
  padding-top: 30px;
}

.src-app-components-desktop-home-Home__sectionRetailersRow {
  padding-bottom: 50px;
  padding-top: 0
}

.src-app-components-desktop-home-Home__sectionRetailersRow p {
    margin-bottom: 0;
  }

.src-app-components-desktop-home-Home__topRetailerContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 10px 0
}

.src-app-components-desktop-home-Home__topRetailerContainer .src-app-components-desktop-home-Home__overlay {
    font-family: 'Playfair Display Black';
    font-size: 250px;
    position: absolute;
    text-transform: uppercase;
    opacity: 2%;
    letter-spacing: 20px

  }

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

.src-app-components-desktop-home-Home__topRetailerContainer .src-app-components-desktop-home-Home__overlay {
      font-size: 200px

  }
    }

@media (max-width: 1024px) {

.src-app-components-desktop-home-Home__topRetailerContainer .src-app-components-desktop-home-Home__overlay {
      font-size: 150px

  }
    }

@media (max-width: 768px) {

.src-app-components-desktop-home-Home__topRetailerContainer .src-app-components-desktop-home-Home__overlay {
      font-size: 100px

  }
    }

@media (max-width: 480px) {

.src-app-components-desktop-home-Home__topRetailerContainer .src-app-components-desktop-home-Home__overlay {
      font-size: 50px

  }
    }

.src-app-components-desktop-home-Home__topRetailerContainer h1 {
    color: #39384d;
    font-family: 'Playfair Display Black';
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 20px;
    font-size: 50px;
    margin-top: 5px
  }

@media (max-width: 1024px) {

.src-app-components-desktop-home-Home__topRetailerContainer h1 {
      font-size: 45px
  }
    }

.src-app-components-desktop-home-Home__topRetailerContainer h2 {
    color: #39384d;
    font-family: 'Playfair Display Medium';
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 5px
  }

@media (max-width: 1024px) {

.src-app-components-desktop-home-Home__topRetailerContainer h2 {
      font-size: 17px
  }
    }

.src-app-components-desktop-home-Home__topRetailerContainer p {
    margin-bottom: 0;
    width: 28%;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }



.src-app-components-desktop-home-Home__topRetailerCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5% 0 0 6.25%;
  padding-bottom: 4.8%;
  width: 45%
}



.src-app-components-desktop-home-Home__topRetailerCard img {
    max-width: 35px;
    width: 100%;
    margin: 0 8px 20px 0;
  }



.src-app-components-desktop-home-Home__topRetailerCard h1 {
    color: #39384d;
    font-family: 'Playfair Display Bold';
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 8px;
    font-size: 50px;
    margin-top: 5px
  }



@media (max-width: 1024px) {



.src-app-components-desktop-home-Home__topRetailerCard h1 {
      font-size: 45px
  }
    }



.src-app-components-desktop-home-Home__topRetailerCard h2 {
    color: #39384d;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px
  }



@media (max-width: 1024px) {



.src-app-components-desktop-home-Home__topRetailerCard h2 {
      font-size: 17px
  }
    }



.src-app-components-desktop-home-Home__topRetailerCard .src-app-components-desktop-home-Home__box {
    box-sizing: border-box;
    position: relative;
    text-align: center;
    background-color: #fff;
    margin-top: 30px;
    padding: 8.68% 5.2% 7.8% 5.2%;
    width: 100%;
    box-shadow: 0 4px 18px 2px #eee;
  }



.src-app-components-desktop-home-Home__topRetailerCard .src-app-components-desktop-home-Home__name {
    text-align: center;
    color: #aaa;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 5px 0 50px 0
  }



@media (max-width: 1024px) {



.src-app-components-desktop-home-Home__topRetailerCard .src-app-components-desktop-home-Home__name {
      font-size: 14px;
      margin-bottom: 20px
  }
    }



.src-app-components-desktop-home-Home__topRetailerCard .src-app-components-desktop-home-Home__highlight {
    color: #000000;
  }

.src-app-components-desktop-home-Home__topRetailerPreview {
  width: 45%;
  z-index: 2;
  display: flex;
  background: url(/1846f3abe1392bbc36b8bda2ee4f6027.png) left / auto 100% no-repeat;
}

.src-app-components-desktop-home-Home__howSection {
  background-color: #f7f4f2;
  padding: 60px 0;
}

.src-app-components-desktop-home-Home__howContainer {
  display: flex;
  justify-content: space-around;
}

.src-app-components-desktop-home-Home__howItem {
  width: 100%;
  margin: 0 20px;
  padding-top: 120px;
  background-position: center 0;
  background-size: auto 100px;
  background-repeat: no-repeat
}

.src-app-components-desktop-home-Home__howItem h4,
  .src-app-components-desktop-home-Home__howItem p {
    text-align: center;
  }

.src-app-components-desktop-home-Home__howItem h4 {
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
  }

.src-app-components-desktop-home-Home__howItemLocal {
  background-image: url(/39de50ae6febc3c72fcfb721d588b755.png);
}

.src-app-components-desktop-home-Home__howItemSearch {
  background-image: url(/00edcb538e5b26085774bc2bc81af28a.png);
}

.src-app-components-desktop-home-Home__howItemViewings {
  background-image: url(/60c85852785ba32b0a8e46e4da9da652.png);
}

.src-app-components-desktop-home-Home__howItemDiamondBox {
  background-image: url(/48080c6f955eef68956b7b1051af9648.png);
}

.src-app-components-desktop-home-Home__storeviewSection {
  background: url(/f179e54581e13f0a9b69ed00020709d1.png) center top / cover no-repeat;
  padding: 80px 0 0 0
}

.src-app-components-desktop-home-Home__storeviewSection h3,
  .src-app-components-desktop-home-Home__storeviewSection h2 {
    color: #fff;
  }

.src-app-components-desktop-home-Home__storeviewSection img {
    display: block;
    width: 100%;
    max-width: 310px;
  }

.src-app-components-desktop-home-Home__sellingSection {
  background: #44bc9a url(/2a081181c3309578eb65cd12a63c7515.jpg) center top / cover no-repeat
}

.src-app-components-desktop-home-Home__sellingSection p {
    max-width: 780px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #fff;
  }

.src-app-components-desktop-home-Home__sellingSection h3 {
    color: #fff;
  }

.src-app-components-desktop-home-Home__sellingSection strong {
    font-weight: 400;
  }

.src-app-components-desktop-home-Home__sellingSection button {
    background-color: #fff;
    color: #000000;
  }

.src-app-components-desktop-home-Home__appDownloadContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #434172;
  width: 100%;
}

.src-app-components-desktop-home-Home__appScreenImageContainer {
  width: 30%;
  max-width: 390px
}

.src-app-components-desktop-home-Home__appScreenImageContainer img {
    display: block;
    width: 100%;
  }

.src-app-components-desktop-home-Home__appDownloadActionsContainer h3,
  .src-app-components-desktop-home-Home__appDownloadActionsContainer p {
    text-align: center;
    color: #fff;
  }

.src-app-components-desktop-home-Home__appDownloadActionsContainer h3 {
    font-size: 30px;
  }

.src-app-components-desktop-home-Home__appDownloadActionsContainer p {
    margin: 0 0 30px 0;
    font-size: 20px;
  }

.src-app-components-desktop-home-Home__appDownloadActions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px
}

.src-app-components-desktop-home-Home__appDownloadActions a {
    width: 100%;
    max-width: 180px;
    margin: 0 2%
  }

.src-app-components-desktop-home-Home__appDownloadActions a img {
      width: 100%;
    }

.src-app-components-desktop-home-Home__registerButton {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  background: rgba(255, 255, 255, 1);
  transition: all 0.2s ease;
  padding: 18px 30px;
  margin-top: 10px;
}

.src-app-components-desktop-home-Home__registerButton:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-desktop-home-Home__influencerContainer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin: 20px 0 0 0
}

@media (max-width: 1024px) {

.src-app-components-desktop-home-Home__influencerContainer {
    flex-wrap: wrap;
    justify-content: space-between
}
  }

.src-app-components-desktop-home-Home__influencer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center
}

.src-app-components-desktop-home-Home__influencer img {
    width: 100%;
    border-radius: 4px;
  }

.src-app-components-desktop-home-Home__influencer {

  .src-app-components-desktop-home-Home__username {
    font-family: 'Futura Medium';
    font-size: 22px;
    color: #767676;
    margin-top: 10px;
  }

  .src-app-components-desktop-home-Home__overlay {
    width: 100%;
    background-color: #FFFFFF;
    opacity: 65%


  }

    .src-app-components-desktop-home-Home__overlay h2 {
      color: #000000;
      font-family: 'Futura Heavy';
      font-weight: 800;
      font-size: 18px;
      padding: 10px;
      line-height: 1.5em;
    }

  .src-app-components-desktop-home-Home__influencerImage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 261px;
    height: 380px;
  }
}

@media (max-width: 1024px) {

.src-app-components-desktop-home-Home__influencer {
    width: calc((100% - 20px) / 3);
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}
  }



.src-app-components-desktop-home-Home__instaCTA {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000000;
  margin: 5px 0 20px 0;
}



.src-app-components-desktop-home-Home__wrapDownloadSection {
  display: flex;
  width: 100%;
  position: relative;

  .src-app-components-desktop-home-Home__wrapDownloadSectionLeft {
    width: 50%;
    text-align: center;

    .src-app-components-desktop-home-Home__wrapDownloadSectionseparetor {
      background: #D9D9D9;
      width: 300px;
      margin: 25px auto;
      height: 1px;
    }

    .src-app-components-desktop-home-Home__wrapDownloadSectionLeftTitle {
      font-size: 24px;
      font-weight: bold;
      color: #333;
      font-family: 'Playfair Display Bold';
    }

    .src-app-components-desktop-home-Home__wrapDownloadSectionconten {


      h2 {
        color: #000000;
        font-size: 26px;
        font-family: 'Playfair Display Bold';
        margin-bottom: 20px;
      }

      p {
        small {
          color: #004AB0;
          font-family: 'Futura Regular';
          /* font-family: 'Futura Bold';
          letter-spacing: 2px; */
          letter-spacing: 2px;
          font-size: 12px;
        }
      }

      h3 {
        margin-top: 12px;
        color: #004AB0;
        font-size: 26px;
        margin-bottom: 20px;
        font-family: 'Playfair Display Bold';
      }
    }

    .src-app-components-desktop-home-Home__wrapDownloadSectionLeftButton {
      margin-top: 20px;

      button {

        font-size: 20px;
        font-weight: 300;
        letter-spacing: 1px;
        border-width: 1px;
        transition: all 0.2s ease;
        padding: 14px 30px;
        margin: 8px;
        font-family: 'Futura Bold';
        cursor: pointer
      }

        button.src-app-components-desktop-home-Home__learnMore,
        button.src-app-components-desktop-home-Home__sellerLogin {
          background-color: #fff;
          color: #000000
        }

          button.src-app-components-desktop-home-Home__learnMore:hover, button.src-app-components-desktop-home-Home__sellerLogin:hover {
            background-color: #000000;
            color: #fff;
          }

        button.src-app-components-desktop-home-Home__startSelling {
          background-color: #000000;
          color: #fff
        }

          button.src-app-components-desktop-home-Home__startSelling:hover {
            background-color: #fff;
            color: #000000;
          }
    }

  }

  .src-app-components-desktop-home-Home__wrapDownloadSectionRight {
    position: relative;
    flex: 1;
    padding: 10px;
    text-align: right;
    z-index: 0;

    .src-app-components-desktop-home-Home__classGems {
      position: absolute;
      font-size: 100px;
      font-family: 'Playfair Display Black';
      bottom: -10px;
      color: rgb(205 205 205 / 10%);
      z-index: -1;
      left: 0;
      letter-spacing: 20px;
    }

    .src-app-components-desktop-home-Home__apppreviewimage {
      max-width: 100%;
      margin-bottom: -10px;
    }

    .src-app-components-desktop-home-Home__appdownloadurl {
      position: absolute;
      right: 0;
      top: 0;

      img {
        max-width: 200px;
        margin-bottom: 10px;
      }
    }
  }
}

.src-app-components-desktop-home-Home__wrapDownloadSectionborder {
  height: 4px;
  background: linear-gradient(90deg, #000 50%, #F1F1F1 50%);
  width: 100%;
  margin-top: 120px;
}
.src-app-components-common-NewestItemCard__thumbnailCard {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  padding: 0;
  cursor: pointer;
}

.src-app-components-common-NewestItemCard__thumbnailImageContainer {
  height: 379px;
  width: 100%;
  text-align: center;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  position: relative;
}

.src-app-components-common-NewestItemCard__thumbnailImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-app-components-common-NewestItemCard__thumbnailImagenull {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.src-app-components-common-NewestItemCard__thumbnailDescriptionContainer {
  flex: 1;
  padding: 10px;
}

.src-app-components-common-NewestItemCard__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  position: relative;
}

.src-app-components-common-NewestItemCard__ratingWrapper p {
  font-family: 'Playfair Display Regular';
  font-size: 0.9rem;
}

.src-app-components-common-NewestItemCard__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-NewestItemCard__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-NewestItemCard__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
}

.src-app-components-common-NewestItemCard__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-common-NewestItemCard__ratingContainer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.src-app-components-common-NewestItemCard__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
  word-break: break-all;
}

.src-app-components-common-NewestItemCard__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
}

.src-app-components-common-NewestItemCard__priceContainer p {
  font-size: 14px;
  color: #959595;
  margin: 0px;
}

.src-app-components-common-NewestItemCard__priceContainer .src-app-components-common-NewestItemCard__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-common-NewestItemCard__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-common-NewestItemCard__actionsContainer .src-app-components-common-NewestItemCard__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-NewestItemCard__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-NewestItemCard__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-common-NewestItemCard__actions button img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0.4);
}

.src-app-components-common-NewestItemCard__retailerName {
  width: 100%;
  color: rgb(169, 169, 169);
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-common-NewestItemCard__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  /* top: -15px; */
  /* right: -10px; */
  top: -8px;
  right: -7px;
  z-index: 1;
}

.src-app-components-common-NewestItemCard__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-common-NewestItemCard__reviewdtn {
  text-align: right;
  position: absolute;
  right: 0px;
  top: 22px;
  width: 150px;
  color: #959595;
  font-weight: 600;
}

.src-app-components-common-NewestItemCard__reviewdtn button {
  display: inline-block;
  background: #000;
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #000;
}

.src-app-components-common-NewestItemCard__reviewdtn button:hover {
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
  color: #000;
  border: 1px solid #000;
}

.src-app-components-common-NewestItemCard__shareinfo {
  position: relative;
}

.src-app-components-common-NewestItemCard__sharediv {
  position: absolute;
  position: absolute;
  left: 0;
  bottom: 35px;
  z-index: 1;
  text-align: center;
}

@media (max-width: 1199px) {
  .src-app-components-common-NewestItemCard__thumbnailImageContainer {
    height: 250px;
  }
}

.src-app-components-desktop-home-NewestItems__container {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 20px
}

@media (max-width: 767px) {

.src-app-components-desktop-home-NewestItems__container {
        margin-top: 20px
}
    }

.src-app-components-desktop-home-NewestItems__thumbnailContainer {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    margin-top: 20px;
    grid-gap: 10px
}

@media (max-width: 1280px) {

.src-app-components-desktop-home-NewestItems__thumbnailContainer {
        grid-template-columns: repeat(3, minmax(0, 1fr))
}
    }

.src-app-components-desktop-home-NewestItems__thumbnailImage {
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.src-app-components-desktop-home-NewestItems__heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline;
    font-family: 'Playfair Display Bold';
}

.src-app-components-desktop-home-NewestItems__heading span {
    font-weight: bold;
}

.src-app-components-desktop-home-NewestItems__viewMore {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    border-width: 1px;
    padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-home-NewestItems__viewMore {
        font-size: 14px
}
    }

.src-app-components-desktop-home-NewestItems__viewMore:hover {
    background-color: #000000;
    color: #fff;
}

@media (max-width:1199px) {
    .src-app-components-desktop-home-NewestItems__thumbnailContainer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}
.src-app-components-desktop-home-FeaturedRetailers__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-gap: 20px
}


@media (max-width: 767px) {


.src-app-components-desktop-home-FeaturedRetailers__container {
    margin-top: 20px
}
  }


.src-app-components-desktop-home-FeaturedRetailers__featuredRetailers {
  width: 95%;
  display: flex;
  justify-content: space-between
}


.src-app-components-desktop-home-FeaturedRetailers__featuredRetailers .src-app-components-desktop-home-FeaturedRetailers__slideShowRetailers {
    width: 100%;
  }

.src-app-components-desktop-home-FeaturedRetailers__heading {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  font-family: 'Playfair Display Bold';
}

.src-app-components-desktop-home-FeaturedRetailers__heading span {
  font-weight: bold;
}

.src-app-components-desktop-home-FeaturedRetailers__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-home-FeaturedRetailers__viewMore {
    font-size: 14px
}
  }

.src-app-components-desktop-home-FeaturedRetailers__viewMore:hover {
  background-color: #000000;
  color: #fff;
}
.src-app-components-common-FeaturedSellerCard__retailer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-common-FeaturedSellerCard__thumbnailCard {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  padding: 0;
  cursor: pointer;
  /* Ensure full height for flex alignment */
  height: 100%;
}

.src-app-components-common-FeaturedSellerCard__description {
  font-size: 14px;
  color: #959595;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.src-app-components-common-FeaturedSellerCard__clamp {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.src-app-components-common-FeaturedSellerCard__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
  display: block;
  text-align: center;
  margin-top: 8px;
  cursor: pointer;
  /* text-decoration: underline; */
}

.src-app-components-common-FeaturedSellerCard__ratingsPanel {
  width: 100%;
  display: flex;
  justify-content: center
}

.src-app-components-common-FeaturedSellerCard__ratingsPanel .src-app-components-common-FeaturedSellerCard__value {
    text-transform: uppercase;
  }

.src-app-components-common-FeaturedSellerCard__rating {
  color: #ffa043;
}

.src-app-components-common-FeaturedSellerCard__notRated {
  color: #ddd;
}

.src-app-components-common-FeaturedSellerCard__ratingContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  grid-gap: 5px;
  word-break: break-all;
}
.src-app-components-common-FeaturedSellerCard__ratingContainer p {
  margin: 0px !important;
}

.src-app-components-common-FeaturedSellerCard__ratingStars {
  padding-top: 2px;
  text-align: center;
}

.src-app-components-common-FeaturedSellerCard__detailsWrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Change from center to flex-start */
  align-items: center;
  padding: 1rem;
  flex: 1; /* Take remaining space */
  min-height: 0; /* Allow flex shrinking */
}

.src-app-components-common-FeaturedSellerCard__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
  margin-top: auto; /* This pushes button to bottom */
  align-self: stretch; /* Make button full width */
  justify-content: center; /* Center button text */
}

/* Additional wrapper for content above button if needed */
.src-app-components-common-FeaturedSellerCard__contentWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  width: 100%;
}

.src-app-components-common-FeaturedSellerCard__logo {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.src-app-components-common-FeaturedSellerCard__logo img {
    width: 100%;
    height: 320px;
    -o-object-fit: cover;
       object-fit: cover;
  }

.src-app-components-common-FeaturedSellerCard__name {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Playfair Display Bold';
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.src-app-components-common-FeaturedSellerCard__storeRepTitle {
  font-size: 14px;
  text-transform: capitalize;
}

/* Desktop devices - 768px and above */
@media only screen and (min-width: 768px) {
  .src-app-components-common-FeaturedSellerCard__thumbnailCard {
    min-height: 556px;
  }
}

@media only screen and (max-width: 767px) {
  .src-app-components-common-FeaturedSellerCard__name {
    font-size: 15px;
  }

  .src-app-components-common-FeaturedSellerCard__ratingContainer {
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }

  .src-app-components-common-FeaturedSellerCard__buynow {
    padding: 10px 12px;
    margin-top: auto; /* Ensure this is applied on mobile too */
  }

  .src-app-components-common-FeaturedSellerCard__logo img {
    height: 174px;
  }

  .src-app-components-common-FeaturedSellerCard__thumbnailCard {
    min-height: 439px; /* Add minimum height for mobile to enable flex alignment */
    height: auto; /* Allow natural height expansion */
  }

  .src-app-components-common-FeaturedSellerCard__detailsWrapper {
    padding: 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Distribute space between content and button */
    align-items: center;
    min-height: 200px; /* Ensure minimum height for flex to work */
  }

  /* Ensure content takes available space */
  .src-app-components-common-FeaturedSellerCard__contentWrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
}

.src-app-components-desktop-home-BestCollections__container {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 20px
}

@media (max-width: 767px) {

.src-app-components-desktop-home-BestCollections__container {
        margin-top: 20px
}
    }

.src-app-components-desktop-home-BestCollections__thumbnailContainer {
    width: 100%;
    margin-top: 20px;
}

.src-app-components-desktop-home-BestCollections__thumbnailImage {
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.src-app-components-desktop-home-BestCollections__heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline;
    font-family: 'Playfair Display Bold';
}

.src-app-components-desktop-home-BestCollections__heading span {
    font-weight: bold;
}

.src-app-components-desktop-home-BestCollections__clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.src-app-components-desktop-home-BestCollections__viewMore {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px;
    border-width: 1px;
    padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-home-BestCollections__viewMore {
        font-size: 14px
}
    }

.src-app-components-desktop-home-BestCollections__viewMore:hover {
    background-color: #000000;
    color: #fff;
}

.src-app-components-desktop-home-BestCollections__styles_thumbnailContainer .src-app-components-desktop-home-BestCollections__swiper-slide {
    transform: none !important;
  }
.src-app-components-common-BestCollectionCard__thumbnailCard {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  padding: 0;
  cursor: pointer;
  min-height: 660px;
}

.src-app-components-common-BestCollectionCard__thumbnailImageContainer {
  height: 379px;
  width: 100%;
  text-align: center;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}

.src-app-components-common-BestCollectionCard__thumbnailImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-app-components-common-BestCollectionCard__thumbnailImagenull {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.src-app-components-common-BestCollectionCard__thumbnailDescriptionContainer {
  flex: 1;
  padding: 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}

.src-app-components-common-BestCollectionCard__ratingsPanel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.src-app-components-common-BestCollectionCard__ratingsPanel .src-app-components-common-BestCollectionCard__value {
    text-transform: uppercase;
  }

.src-app-components-common-BestCollectionCard__rating {
  color: #ffa043;
}

.src-app-components-common-BestCollectionCard__notRated {
  color: #959595;
}

.src-app-components-common-BestCollectionCard__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-common-BestCollectionCard__ratingWrapper p {
  font-family: 'Playfair Display Bold';
  font-size: 0.9rem;
}

.src-app-components-common-BestCollectionCard__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-BestCollectionCard__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-BestCollectionCard__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
}

.src-app-components-common-BestCollectionCard__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-common-BestCollectionCard__ratingContainer {
  width: 50%;
  display: flex;
  grid-gap: 5px;
  flex-wrap: wrap;
}
.src-app-components-common-BestCollectionCard__ratingContainer p {
  margin: 0px !important;
}

.src-app-components-common-BestCollectionCard__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
  word-break: break-all;
}

.src-app-components-common-BestCollectionCard__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

.src-app-components-common-BestCollectionCard__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
  /* width: 50%; */
  flex-wrap: wrap;
  justify-content: flex-end;
}

.src-app-components-common-BestCollectionCard__priceContainer p {
  font-size: 14px;
  color: #959595;
}

.src-app-components-common-BestCollectionCard__priceContainer .src-app-components-common-BestCollectionCard__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-common-BestCollectionCard__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.src-app-components-common-BestCollectionCard__actionsContainer .src-app-components-common-BestCollectionCard__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-BestCollectionCard__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-BestCollectionCard__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-common-BestCollectionCard__actions button img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0.4);
}

.src-app-components-common-BestCollectionCard__retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.src-app-components-common-BestCollectionCard__retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #959595;
  cursor: default;
}

.src-app-components-common-BestCollectionCard__showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.src-app-components-common-BestCollectionCard__clamp {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.src-app-components-common-BestCollectionCard__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-common-BestCollectionCard__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-common-BestCollectionCard__sellerImage {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.src-app-components-common-BestCollectionCard__detailsWrapper {
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

.src-app-components-common-BestCollectionCard__reviewdtn {
  text-align: right;
  /* position: absolute; */
  right: 0px;
  top: 22px;
  width: 150px;
  color: #959595;
  font-weight: 600;
}

.src-app-components-common-BestCollectionCard__reviewdtn button {
  /* display: inline-block; */
  background: #000;
  padding: 10px 20px;
  color: #fff;
  border: 1px solid #000;
}

.src-app-components-common-BestCollectionCard__reviewdtn button:hover {
  /* display: inline-block; */
  background: #fff;
  padding: 10px 20px;
  color: #000;
  border: 1px solid #000;
}

@media only screen and (max-width: 400px) {
  .src-app-components-common-BestCollectionCard__discountPrice {
    color: #000;
    font-size: 12px !important;
  }
  .src-app-components-common-BestCollectionCard__buynow {
    padding: 8px 12px;
    font-size: 12px;
  }
}
.src-app-components-common-BestCollectionCard__ratinghinfo {
  display: flex;
  grid-gap: 5px;
  align-items: center;
}

.src-app-components-common-BestCollectionCard__btnreview {
  color: #959595;
  font-weight: 600;
  display: block;
}

.src-app-components-desktop-home-RecentDiamonds__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px
  /* display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px; */
}

@media (max-width: 767px) {

.src-app-components-desktop-home-RecentDiamonds__container {
    margin-top: 20px
}
  }

.src-app-components-desktop-home-RecentDiamonds__background {
  width: 100%;
  height: 67px;
  background-color: #F6F6F6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.src-app-components-desktop-home-RecentDiamonds__thumbnailContainer {
  width: 100%;
  margin-top: 100px;
}

.src-app-components-desktop-home-RecentDiamonds__thumbnailImage {
  width: 100%;
  border-radius: 4px 4px 0 0;
}

.src-app-components-desktop-home-RecentDiamonds__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 40%;
  line-height: 1.2;
  margin-top: 20px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-desktop-home-RecentDiamonds__heading span {
  font-family: 'Futura Regular';
  font-size: 25px;
}

.src-app-components-desktop-home-RecentDiamonds__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-home-RecentDiamonds__viewMore {
    font-size: 14px
}
  }


@media (max-width: 1199px) {

  .src-app-components-desktop-home-RecentDiamonds__background {
    /* height: auto;

    position: relative;
    white-space: nowrap; */
   

  }
 .src-app-components-desktop-home-RecentDiamonds__thumbnailContainer{
      margin-top: 140px;
    }
}
.src-app-components-common-Separator__border {
    width: 100%;
    border: 0.5px solid #D9D9D9;
    border-radius: 100%;
    margin-bottom: 20px;
}
.src-app-components-desktop-jewelry-insurance-JewelryInsurance__commoncmspage .src-app-components-desktop-common-PageContentContainer__pageContent {
  width: 95%!important;
}
.src-app-components-desktop-jewelry-insurance-JewelryInsurance__commoncmspage{
}
.src-app-components-desktop-jewelry-insurance-JewelryInsurance__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  font-size: 16px;
}

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__title {
  text-transform: uppercase;
}

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__titleInside {
  font-size: 20px;
  margin: 5px 0 20px 0;
  text-align: center;
}

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__container {
  width: 100%;
  line-height: 22px
}

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__container img {
    max-width: 200px;
    margin: 30px;
  }

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__well {
  text-align: left;
  max-width: 100%;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px
}

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__well strong {
    color: #000;
  }

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__well li {
    margin-left: 40px;
    list-style-type: circle;
  }

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__topPart {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__ctaButton {
  padding: 20px 40px;
  font-size: 18px;
}

.src-app-components-desktop-jewelry-insurance-JewelryInsurance__legal {
  font-size: 14px;
  color: #aaa;
  text-align: center;
}
.src-app-components-desktop-navbar-Logo__logo {
  position: relative;
  top: 5px;
}

.src-app-components-desktop-navbar-Logo__logoWithText {
  width: 238px
}

@media (max-width: 1200px) {

.src-app-components-desktop-navbar-Logo__logoWithText {
    width: 160px
}
  }

.src-app-components-desktop-navbar-Logo__logoWithTextResponsive {
}

@media (max-width: 1024px) {

.src-app-components-desktop-navbar-Logo__logoWithTextResponsive {
    display: none
}
  }

.src-app-components-desktop-navbar-Logo__logoSymbol {
  width: 50px;
  display: none
}

@media (max-width: 1024px) {

.src-app-components-desktop-navbar-Logo__logoSymbol {
    display: inline
}
  }

.src-app-components-desktop-message-message__minOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.5);

  .src-app-components-desktop-message-message__modaldilogMessage {
    margin: 0 auto;
    display: block;
    height: 98vh;
    margin-top: 1vh;
    background-color: #fff;
    border-radius: 12px;
    padding: 16px

    /* Only apply fixed width for devices larger than iPad Pro */
  }
    @media (min-width: 1025px) {

  .src-app-components-desktop-message-message__modaldilogMessage {
      width: 1080px
  }
    }

  .src-app-components-desktop-message-message__modaldilogMessage {

    /* For iPad Pro and smaller devices, use responsive width */
  }
    @media (max-width: 1024px) {

  .src-app-components-desktop-message-message__modaldilogMessage {
      width: 95%;
      max-width: 1080px
  }
    }

  .src-app-components-desktop-message-message__modaldilogMessage {

    .src-app-components-desktop-message-message__messagewrap {
      width: 100%;
      height: calc(100vh - 90px);

      .src-app-components-desktop-message-message__messagewrapTop {
        width: 100%;
        display: flex;
        justify-content: space-between;

        .src-app-components-desktop-message-message__lefttop {
          display: flex;
          align-items: center;

          .src-app-components-desktop-message-message__toplefticon {
            display: flex;
            align-items: center;

            img {
              width: 40px;
              margin-right: 8px;
            }

            span {
              font-size: 30px;
              font-family: 'Playfair Display Black';
              color: #84818a;
            }
          }

          .src-app-components-desktop-message-message__toplefttitle {
            display: inline-block;
            border-left: 1px solid #eaeaea;
            margin-left: 16px;
            padding-left: 16px;
            font-size: 22px;
            color: #84818a;
            font-family: 'Playfair Display Bold';

            a {
              font-family: 'Playfair Display Bold';
            }
          }
        }

        .src-app-components-desktop-message-message__righttop {
          display: flex;
          align-items: center;
          .src-app-components-desktop-message-message__foricon {
            background: transparent !important;
            margin: 0px 8px;
            height: 40px;
            width: 40px;
            border-radius: 12px;
            border: 1px solid #eaeaea;
            cursor: pointer;
            line-height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
          }
        }
      }

      .src-app-components-desktop-message-message__messagewrapBbody {
        display: flex;
        justify-content: space-between;
        grid-gap: 10px;
        height: 100%;
        padding-top: 16px;

        .src-app-components-desktop-message-message__messagewrapLeft {
          width: 400px;
          height: 100%;
          overflow: auto;
          padding: 12px;

          .src-app-components-desktop-message-message__profilecard {
            background-color: #fff;
            border-radius: 0px;
            box-shadow: 0px 0px 8px #f2f2f2;
            padding: 12px;
            margin-bottom: 16px;

            .src-app-components-desktop-message-message__profilecardtop {
              width: 100%;
              display: flex;
              justify-content: space-between;
              border-bottom: 1px solid #eaeaea;
              padding-bottom: 10px;
              margin-bottom: 10px;
              align-items: center;

              .src-app-components-desktop-message-message__profilecardtopleft {
                display: flex;
                align-items: center;
                grid-gap: 8px;

                .src-app-components-desktop-message-message__crdprofilepic {
                  min-width: 60px;
                  width: 60px;
                  height: 60px;
                  border: 2px solid #ccc;
                  position: relative;
                  border-radius: 50%;

                  span {
                    position: absolute;
                    width: 10px;
                    height: 10px;
                    background-color: yellowgreen;
                    border-radius: 50%;
                    border: 2px solid #fff;
                    top: 3px;
                    right: 0;
                  }

                  img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                    border-radius: 50%;
                  }
                }

                .src-app-components-desktop-message-message__cardinfo {
                  h3 {
                    font-size: 18px;
                    font-family: 'Playfair Display Black';
                  }

                  p {
                    font-size: 14px;
                    font-family: 'Futura Regular';
                    color: #84818a;
                  }
                }
              }

              .src-app-components-desktop-message-message__profilecardtopRight {
                font-size: 14px;
                font-family: 'Futura Regular';
                color: #84818a;
              }
            }

            .src-app-components-desktop-message-message__profilecardbottom {
              p {
                font-size: 14px;
                font-family: 'Futura Regular';
                color: #84818a;

                span {
                  color: #000;
                  cursor: pointer;
                }
              }
            }
          }
        }

        .src-app-components-desktop-message-message__messagewrapRight {
          width: calc(100% - 400px);
          height: 100%;
          padding: 16px 16px 16px 32px;
          border-left: 1px solid #d9d9d9;

          .src-app-components-desktop-message-message__chatbox {
            padding: 16px;
            background-color: #fff;
            border-radius: 0px;
            box-shadow: 0px 0px 8px #f2f2f2;
            height: 100%;
            width: 100%;
            overflow: auto;
            position: relative;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            .src-app-components-desktop-message-message__chatboxtop {
              width: 100%;
              margin-bottom: 16px;

              h1 {
                font-size: 20px;
                font-family: 'Playfair Display Bold';

                span {
                  font-family: 'Playfair Display Regular';
                }
              }
            }

            .src-app-components-desktop-message-message__chatboxbopdy {
              height: calc(100% - 130px);
              width: 100%;
              overflow: auto;
              display: flex;
              flex: 1;
              flex-direction: column-reverse;

              .src-app-components-desktop-message-message__listofchat {
                width: 100%;
                display: flex;
                margin-bottom: 20px;
                position: relative;

                .src-app-components-desktop-message-message__lischattitem {
                  display: flex;
                  padding-bottom: 16px;
                  width: 100%;

                  .src-app-components-desktop-message-message__listitemleft {
                    width: 70px;

                    img {
                      width: 50px;
                      height: 50px;
                      -o-object-fit: cover;
                         object-fit: cover;
                      border-radius: 50%;
                    }
                  }

                  .src-app-components-desktop-message-message__listitemright {
                    width: calc(100% - 70px);

                    .src-app-components-desktop-message-message__listitemrighttop {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      height: 50px;

                      h3 {
                        font-family: 'Playfair Display Regular';
                        font-size: 16px;
                      }

                      span {
                        font-family: 'Futura Regular';
                        padding-right: 16px;
                      }
                    }

                    .src-app-components-desktop-message-message__listitemrightbottom {
                      p {
                        font-family: 'Futura Regular';
                        font-size: 14px;
                      }
                    }
                  }
                }
              }

                .src-app-components-desktop-message-message__listofchat::after {
                  content: '';
                  position: absolute;
                  width: 200px;
                  height: 1px;
                  background-color: #d9d9d9;
                  right: 0;
                  bottom: 0;
                }
            }

            .src-app-components-desktop-message-message__chatboxfooter {
              display: flex;
              width: calc(100% - 10px);
              grid-gap: 8px;
              justify-content: space-between;
              align-items: baseline;
              box-shadow: 0px 4px 10px #d9d9d9;
              padding: 6px;
              position: relative;
              em-emoji-picker {
                position: absolute;
                top: -436px;
                z-index: 99;
              }

              .src-app-components-desktop-message-message__attachmentsimgwrap {
                position: absolute;
                padding-right: 10px;
                top: -90px;
                padding: 4px;
                display: flex;
                grid-gap: 8px;
                overflow-y: auto;
                overflow-x: hidden;
                max-width: calc(100% - 40px);
                height: 92px;
                background: #fff;
                box-shadow: 0px 0px 8px #ccc;
                flex-wrap: wrap;
                scrollbar-width: none;
                span {
                  display: inline-block;
                  position: relative;
                  max-width: 100%;
                }
              }
              .src-app-components-desktop-message-message__attachmentsimgDoc {
                width: 100%;
                min-width: 160px;
                height: auto;
                padding: 10px;
                background: #fff;
                box-shadow: 0px 0px 8px #ccc;
                border-radius: 0px;
                text-align: center;
                display: flex;
                grid-gap: 12px;
                align-items: center;
                p {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }
              }
              .src-app-components-desktop-message-message__attachmentsimg {
                max-width: 100px;
                height: 80px;
                padding: 4px;
                background: #fff;
                box-shadow: 0px 0px 8px #ccc;
                border-radius: 0px;
                text-align: center;
                p {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }
                img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: contain;
                     object-fit: contain;
                }
              }

              .src-app-components-desktop-message-message__fchatprofile {
                width: 70px;
                display: contents;

                img {
                  width: 40px;
                  height: 40px;
                  border-radius: 50%;
                }
              }

              .src-app-components-desktop-message-message__fchattext {
                width: calc(100% - 200px);

                input {
                  border: none;
                  width: 100%;
                  font-size: 16px;
                  font-family: 'Futura Regular';
                  color: #84818a;
                }

                textarea {
                  width: 100%;
                  height: 40.5px;
                  border: none;
                  font-size: 16px;
                  font-family: 'Futura Regular';
                  color: #84818a;
                  resize: none;
                  max-height: 120px;
                  resize: none;
                  overflow-y: auto;
                  outline: none;
                  padding: 8px 10px;
                  border-radius: 8px;
                  background: #fff;
                }
              }

              .src-app-components-desktop-message-message__fchatbutton {
                display: flex;
                width: 175px;
                align-items: center;

                Button {
                  background-color: transparent;
                  padding: 0px;
                  border-left: 1px solid #d9d9d9;
                  border-radius: 0px;
                  padding: 0px 16px;
                  height: 40px
                }

                  Button:nth-child(1) {
                    border: none;
                    img {
                      box-shadow: 0px 0px 4px #000;
                      border-radius: 50%;
                    }
                  }
                  Button:nth-child(2) {
                    img {
                      box-shadow: 0px 0px 4px #000;
                      border-radius: 50%;
                    }
                  }
              }
            }
          }
        }
      }
    }
  }
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey; */
  background: #f1f1f1;
  border-radius: 10px;
}

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

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

.src-app-components-desktop-message-message__searchInput {
  margin-left: 10px;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  height: 38px;
  margin-top: 2px;
}

.src-app-components-desktop-message-message__forblankmessage {
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.src-app-components-desktop-message-message__seeMoreBtn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #000;
  font-size: 14px;
}

.src-app-components-desktop-message-message__seeMoreBtn:hover {
  text-decoration: underline;
}

.src-app-components-desktop-message-message__chatMessageContainer {
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.src-app-components-desktop-message-message__messageText {
  display: inline;
  word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
}

.src-app-components-desktop-message-message__seeMoreBtn {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
  text-decoration: underline;
  padding: 0;
}

.src-app-components-desktop-message-message__seeMoreBtn:hover {
  color: #0056b3;
}

/* Ensure parent containers don't overflow */
.src-app-components-desktop-message-message__listitemrightbottom {
  max-width: 100%;
  overflow: hidden;
  word-wrap: break-word;
}

.src-app-components-desktop-message-message__attachmentItem {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.src-app-components-desktop-message-message__deleteIcon {
  position: absolute;
  top: -1px;
  right: -3px;
  color: #ff0000;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 1px solid #ff0000;
  padding: 3px;
  border-radius: 50%;
  background: #fff;
}

.src-app-components-desktop-message-message__attachmentsimg {
  position: relative;
}

.src-app-components-desktop-message-message__attachmentsimgDoc {
  position: relative;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  background: #f9f9f9;
}
.src-app-components-desktop-message-message__attachmentsimgwrap > div {
  position: relative;
  width: 100%;
}
@media (max-width: 1200px) {
  .src-app-components-desktop-message-message__minOverlay {
    .src-app-components-desktop-message-message__modaldilogMessage {
      .src-app-components-desktop-message-message__messagewrap {
        .src-app-components-desktop-message-message__messagewrapBbody {
          .src-app-components-desktop-message-message__profilecardtop {
            position: relative;
            padding-top: 20px;
            .src-app-components-desktop-message-message__profilecardtopRight {
              position: absolute;
              top: 4px;
              right: 0;
              font-size: 11px !important;
            }
          }
        }
      }
    }
  }
}
@media (min-width: 767px) and (max-width: 870px) {
  .src-app-components-desktop-message-message__fchattext {
    input {
      font-size: 10px !important;
    }
  }
}
@media (max-width: 1199px) {
  .src-app-components-desktop-message-message__messagewrapLeft {
    width: 250px !important;
  }

  .src-app-components-desktop-message-message__modaldilogMessage {
    width: 98%;
    max-width: auto;
  }

  .src-app-components-desktop-message-message__messagewrapRight {
    width: calc(100% - 250px) !important;
  }
}

.src-app-components-desktop-message-message__fileSizeError {
  margin-bottom: 8px;
  padding: 8px 12px;
  background-color: #ffebee;
  border: 1px solid #ffcdd2;
  border-radius: 4px;
}

.src-app-components-desktop-message-message__fileSizeNote {
  font-size: 11px;
  color: #666;
  margin-bottom: 8px;
  padding: 4px 8px;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: flex;
  align-items: center;
  grid-gap: 4px;
}

@media (max-width: 992px) {
  .src-app-components-desktop-message-message__messagewrap .src-app-components-desktop-message-message__messagewrapRight .src-app-components-desktop-message-message__chatbox .src-app-components-desktop-message-message__chatboxfooter .src-app-components-desktop-message-message__fchatbutton {
    width: 140px !important;
  }
  .src-app-components-desktop-message-message__messagewrap .src-app-components-desktop-message-message__messagewrapRight .src-app-components-desktop-message-message__chatbox .src-app-components-desktop-message-message__chatboxfooter .src-app-components-desktop-message-message__fchatbutton Button {
    height: 35px !important;
    padding: 0px 10px !important;
  }
  .src-app-components-desktop-message-message__messagewrap .src-app-components-desktop-message-message__messagewrapRight {
    padding: 16px 8px 16px 8px !important;
  }
}

.src-app-components-desktop-navbar-Navbar__navbar {
  font-size: 16px;
  color: #39384d;
  letter-spacing: 1px;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #fff;
  border-bottom: 1px solid #f7f4f2;
  z-index: 3;
  top: 30px
}

.src-app-components-desktop-navbar-Navbar__navbar h1 {
    display: flex;
  }

@media (max-width: 1024px) {

.src-app-components-desktop-navbar-Navbar__navbar {
    font-size: 14px
}
  }

@media (max-width: 768px) {

.src-app-components-desktop-navbar-Navbar__navbar {
    font-size: 12px
}
  }

.src-app-components-desktop-navbar-Navbar__pageContent {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 30px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media (max-width: 1024px) {

.src-app-components-desktop-navbar-Navbar__pageContent {
    padding: 0 15px
}
  }

.src-app-components-desktop-navbar-Navbar__searchContainer {
  display: flex;
}

.src-app-components-desktop-navbar-Navbar__searchBar {
  width: 300px;
  margin-left: 30px
}

@media (max-width: 1024px) {

.src-app-components-desktop-navbar-Navbar__searchBar {
    width: 250px;
    margin-left: 15px
}
  }

.src-app-components-desktop-navbar-Navbar__searchBar>div {
  padding: 20px 40px 20px 40px;
  display: flex;
  position: relative;
  justify-content: center;
}
.src-app-components-common-TitleCard__titleCard {
}

.src-app-components-common-TitleCard__titleCard:not(:first-of-type) {
    margin-top: 20px;
  }

.src-app-components-common-TitleCard__header {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
}

.src-app-components-common-TitleCard__tagline {
  margin: 0 0 8px 0;
  font-size: 12px;
  color: #000000;
}

.src-app-components-common-TitleCard__title {
  font-size: 18px;
  color: #000000;
}

.src-app-components-common-TitleCard__titleSeparator {
  width: 125px;
  margin-top: 8px;
  border-bottom: 6px solid #ebebeb;
}

.src-app-components-common-RecentDiamond__recentDiamond {
  display: flex;
  align-items: center;
}

.src-app-components-common-RecentDiamond__imageContainer {
  margin: 4px 4% 2px 2px
}

.src-app-components-common-RecentDiamond__imageContainer img {
    width: 90px;
    height: 70px;
    border-radius: 4px;
  }


.src-app-components-common-RecentDiamond__line {
  white-space: normal;
  overflow-x: visible;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

.src-app-components-common-RecentDiamond__title {
  font-size: 10px;
  text-transform: uppercase;
}

.src-app-components-common-RecentDiamond__desc {
  color: #000000;
}

.src-app-components-common-purchase-OrderDetails__orderDetails {
  min-width: 300px;
}

.src-app-components-common-purchase-OrderDetails__detailItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  padding: 0 5px;
  font-size: 12px;
}

.src-app-components-common-purchase-OrderDetails__detailItemLabel {
  width: 70%;
  text-transform: uppercase;
}

.src-app-components-common-purchase-OrderDetails__detailItemSep {
  width: 100%;
  margin: 20px 0;
  border-bottom: 1px solid #dedede;
}

.src-app-components-common-purchase-OrderDetails__priceTotal {
}

.src-app-components-common-purchase-OrderDetails__priceTotal .src-app-components-common-purchase-OrderDetails__detailItemText {
    color: #000000;
    font-size: 24px;
  }

.src-app-components-common-purchase-Legal__legal {
  margin-top: 15px;
  font-size: 10px;
  text-align: center
}

.src-app-components-common-purchase-Legal__legal p {
    margin: 15px 0 0 0;
  }

.src-app-components-common-purchase-Legal__legal a {
    color: #000000;
  }

.src-app-components-common-purchase-Legal__badge {
  margin: 20px 0
}

.src-app-components-common-purchase-Legal__badge h4 {
    text-transform: uppercase;
    color: #aaa;
    margin-bottom: 10px;;
  }

.src-app-components-common-purchase-Legal__badge img {
    width: 120px;
  }

.src-app-components-common-purchase-OrderSummaryCard__card {
  padding: 20px 15%
}

.src-app-components-common-purchase-OrderSummaryCard__card a {
    color: #000000;
  }

.src-app-components-common-purchase-OrderSummaryCard__well {
  padding: 20px
}

.src-app-components-common-purchase-OrderSummaryCard__well p {
    margin: 20px 0;
  }

.src-app-components-common-purchase-OrderSummaryCard__well a {
    color: #000000;
    font-weight: bold;
  }

.src-app-components-common-purchase-OrderSummaryCard__section {
  margin: 35px 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

.src-app-components-common-purchase-OrderSummaryCard__section p {
    margin: 0 0 10px 0;
    text-align: center;
  }

.src-app-components-common-purchase-OrderSummaryCard__sectionTagline {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}

.src-app-components-common-purchase-OrderSummaryCard__sectionTitle {
  margin: 10px 0 20px 0;
  font-size: 22px;
  text-align: center;
}

.src-app-components-common-purchase-OrderSummaryCard__sellerName {
  color: #000000;
}

.src-app-components-common-purchase-OrderSummaryCard__orderDetails {
  padding-top: 20px;
  border-top: 1px solid #dedede;
  text-align: left;
  text-align: initial
}

.src-app-components-common-purchase-OrderSummaryCard__orderDetails .recentDiamond {
    justify-content: center;
  }

.src-app-components-common-purchase-OrderSummaryCard__shippingAddress {
  text-align: center;
  margin-bottom: 15px;
}

.src-app-components-common-purchase-OrderSummaryCard__shippingContact {
  text-align: center;
}

.src-app-components-common-purchase-OrderSummaryCard__contact {
  padding: 0 15%;
  text-align: center;
  font-size: 12px;
}

.src-app-components-common-purchase-OrderSummaryCard__ctaButtonJMI {
  margin: 20px 0;
}

.src-app-components-common-purchase-OrderSummaryCard__legalJMI {
  font-size: 11px;
  line-height: 14px;
  color: #aaa;
  text-align: center;
}

.src-app-components-common-purchase-OrderSummaryCard__containerJMI {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 10px
}

.src-app-components-common-purchase-OrderSummaryCard__containerJMI img {
    width: 100%;
    max-width: 200px;
    margin: 10px 0 20px 0;
  }

.src-app-components-common-purchase-OrderSummaryCard__summaryIntro {
  text-align: center;
  padding-bottom: 20px;
}
.src-app-components-desktop-purchase-OrderSummary__metaBarContent {
  text-transform: uppercase;
}

.src-app-components-common-PageError__pageError {
  width: 100%;
  padding: 20px 0;
  color: white;
  background-color: rgba(255, 0, 0, 0.8);
  text-align: center;
}

.src-app-components-common-purchase-CreditCards__creditCards {
  display: flex;
  justify-content: center;
  margin: 10px 0
}
.src-app-components-common-purchase-CreditCards__creditCards li {
    width: 55px;
    margin: 0 3px
  }
.src-app-components-common-purchase-CreditCards__creditCards li img {
      width: 100%;
    }

.src-app-components-common-purchase-PaymentType__paymentType {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: wrap;
}

.src-app-components-common-purchase-PaymentType__item {
  display: flex;
  align-items: center;
  margin-right: 15px
}

.src-app-components-common-purchase-PaymentType__item input {
    margin-right: 5px;
  }

.src-app-components-common-purchase-PaymentType__item:last-of-type {
    margin-right: 0
}

.src-app-components-common-purchase-PaymentType__paypalContainer {
  width: 125px;
  position: relative;
  top: 1px
}

.src-app-components-common-purchase-PaymentType__paypalContainer img {
    width: 100%;
  }

.src-app-components-common-purchase-Form__form {
  /*
  & :global(.StripeElement) {
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 var(--sectionSepColor);
    color: var(--mainColor);
    transition: box-shadow 150ms ease;
  }

  & :global(.StripeElement--focus) {
    box-shadow: 0 1px 3px 0 color(var(--sectionSepColor) blackness(+ 30%));
  }
  */
}

.src-app-components-common-purchase-Form__field {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  color: #838383
}

.src-app-components-common-purchase-Form__field label {
    text-transform: uppercase;
    font-size: 12px
  }

.src-app-components-common-purchase-Form__field label .src-app-components-common-purchase-Form__extra {
      text-transform: none;
      text-transform: initial;
    }

.src-app-components-common-purchase-Form__field input, .src-app-components-common-purchase-Form__field .StripeElement {
    display: block;
    width: calc(100% - 20px);
    margin-top: 5px;
    border: none;
    outline: none;
    border-bottom: 2px dashed #ddd;
    border-radius: 0;
    font-size: 14px;
    color: #000000
  }

.src-app-components-common-purchase-Form__field input:-webkit-autofill, .src-app-components-common-purchase-Form__field .StripeElement:-webkit-autofill {
      border: none;
      -webkit-text-fill-color: #000000;
    }

.src-app-components-common-purchase-Form__errorField {
  color: red
}

.src-app-components-common-purchase-Form__errorField input {
    border-color: red;
  }

.src-app-components-common-purchase-Form__errorMessage {
  margin-top: 5px;
  font-size: 10px;
  text-transform: uppercase;
}

.src-app-components-common-purchase-Form__multiFields {
  display: flex;
  justify-content: space-between;
}

.src-app-components-common-purchase-Form__halfField {
  width: 48%;
}

.src-app-components-common-purchase-Form__orderReviewCard {
  display: flex;
  flex-direction: column;
  align-items: center
}

.src-app-components-common-purchase-Form__orderReviewCard .recentDiamond {
  }

.src-app-components-common-purchase-Form__button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}

.src-app-components-common-purchase-Form__payButton {

  margin: 20px 0 10px 0;
  color: #fff;
  background-color: #333
}

.src-app-components-common-purchase-Form__payButton .icon {
    color: #000000;
    font-size: 28px;
    margin-right: 10px;
  }

.src-app-components-common-purchase-Form__paypalButton {
  margin: 20px 0 10px 0;
}

.src-app-components-common-purchase-Form__buttons {
  width: 100%;
}

.src-app-components-common-purchase-Form__creditSecure {
  text-align: center;
  font-size: 10px;
}

.src-app-components-common-purchase-Form__selectField {
  margin-top: 5px;
  height: 22px;
  width: calc(100% - 20px);
}

.src-app-components-common-purchase-Form__selectFielddetails {
    border-bottom: 2px dashed #ccc !important;
    border: none;
    min-height: 35px;
    padding-top: 6px;
    box-shadow: none;
    outline: none;
   appearance: none;
   -webkit-appearance: none; 
   -moz-appearance: none;
   background: transparent;
   color: #000000
}

.src-app-components-desktop-purchase-Form__metaBarContent {
  text-transform: uppercase;
}

.src-app-components-desktop-purchase-Form__orderForm {
  flex-grow: 1;
}

.src-app-components-desktop-purchase-Form__formCard {
  background-color: #fff;
  width: 60%;
}

.src-app-components-desktop-purchase-Form__bookingCardContainer {
  width: 30%;
  margin-left: 20px;
}

.src-app-components-desktop-purchase-Form__well {
  margin-top: 15px
}

.src-app-components-desktop-purchase-Form__well p {
    margin: 0 0 15px 0;
  }

.src-app-components-desktop-purchase-Form__form {
  margin-top: 20px;
}

.src-app-components-desktop-purchase-Form__actions {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-desktop-purchase-Form__button {
  width: 100%;
  height: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.src-app-components-desktop-purchase-Form__submitButton {
  background-color: #000;
  color: #fff
}

.src-app-components-desktop-purchase-Form__submitButton .icon {
    margin-right: 5px;
    font-size: 35px;
    color: #000000;
  }

.src-app-components-desktop-purchase-Form__cancelButton {
  margin-top: 10px;
  color: #000000;
}

.src-app-components-desktop-purchase-Form__sellerCard {
  width: 320px;
  margin-left: 20px
}

.src-app-components-desktop-purchase-Form__sellerCard strong {
    color: #000000;
  }

.src-app-components-desktop-purchase-Form__sellerCard a {
    color: #000000;
    font-weight: bold;
  }

.src-app-components-desktop-purchase-Form__sellerCardTitle {
  margin-bottom: 15px;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-desktop-purchase-Form__sellerDetails {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-bottom: 15px
}

.src-app-components-desktop-purchase-Form__sellerDetails img {
    width: 100px;
    height: 90px;
    border-radius: 4px;
    margin-right: 5px;
  }

.src-app-components-desktop-purchase-Form__sellerName {
  display: flex;
  align-items: center;
  margin: 5px 0;
  color: #000000;
  font-size: 22px
}

.src-app-components-desktop-purchase-Form__sellerName img {
    width: 30px;
    height: 30px;
    margin-left: 5px;
  }

.src-app-components-desktop-resource-Resource__title {
  text-transform: uppercase;
}

.src-app-components-desktop-resource-Resource__container .pageContent {
    flex-wrap: wrap;
    justify-content: space-between
  }

.src-app-components-desktop-resource-Resource__container .pageContent .card {
      width: 49%;
      padding: 0;
      margin-bottom: 20px
    }

.src-app-components-desktop-resource-Resource__container .pageContent .card img {
        width: 100%;
      }

.src-app-components-desktop-ringbox-Header__header {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
}

.src-app-components-desktop-ringbox-Header__pageContent {
  width: 70%;
  height: 220px;
  color: #000000;
  display: flex;
  justify-content: flex-end;
  background: #fff url(/efecfa62831bd1d3c240711df1bd35e8.jpg) -30px 0 / auto 100% no-repeat;
}

.src-app-components-desktop-ringbox-Header__content {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.src-app-components-desktop-ringbox-Header__title {
  margin-left: 15px
}

.src-app-components-desktop-ringbox-Header__title h2 {
    font-family: "Playfair Display Bold", serif;
    color: #333;
    font-size: 32px;
  }

.src-app-components-desktop-ringbox-Header__title p {
    font-size: 20px;
    margin: 5px 0 0 0;
  }

.src-app-components-desktop-ringbox-Header__title span {
    color: #000000;
  }

.src-app-components-desktop-ringbox-Header__badge {
  width: 17.9104478%
}

.src-app-components-desktop-ringbox-Header__badge img {
    width: 100%;
  }
.src-app-components-desktop-ringbox-DesignerRingCard__cardContainer {
  width: 48%;
  margin-bottom: 25px;
}

.src-app-components-desktop-ringbox-DesignerRingCard__card {
  position: relative;
  padding-top: 0;
  text-align: center;
}

.src-app-components-desktop-ringbox-DesignerRingCard__logo {
  padding: 8px 0
}

.src-app-components-desktop-ringbox-DesignerRingCard__logo img {
    height: 55px;
  }

.src-app-components-desktop-ringbox-DesignerRingCard__ringImage {
  padding: 8px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede
}

.src-app-components-desktop-ringbox-DesignerRingCard__ringImage img {
    height: 165px;
  }

.src-app-components-desktop-ringbox-DesignerRingCard__info {
  height: 90px
}

.src-app-components-desktop-ringbox-DesignerRingCard__info p {
    margin: 8px 0 0 0;
  }

.src-app-components-desktop-ringbox-DesignerRingCard__title {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-top: 20px;
}

.src-app-components-desktop-ringbox-DesignerRingCard__desc {
  color: #aaa;
}

.src-app-components-desktop-ringbox-RingBox__title {
  text-transform: uppercase;
}

.src-app-components-desktop-ringbox-RingBox__container .pageContent {
    flex-wrap: wrap;
    justify-content: space-around;
  }

.src-app-components-common-search-filters-Location__filter {
  width: 100%;
  display: flex;
  align-items: center;
  color: #000000;
  border-bottom: 2px dashed #000000
}
.src-app-components-common-search-filters-Location__filter .icon {
    color: #999;
    font-size: 16px;
    margin-right: 5px;
  }
.src-app-components-common-search-filters-Location__filter input {
    flex-grow: 1;
    height: 40px;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
  }

.src-app-components-common-search-filters-common-Value__value {
  display: inline-block;
  padding: 10px 0;
  font-size: 12px;
  min-width: 45px;
  text-align: center;
  color: #000000;
  border-bottom: 2px dashed #000000;
}

.src-app-components-common-search-filters-common-SingleSlider__filter {
  width: 100%;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 20px 0;
}

/* Slider Container */
.slider.singleSlider {
  width: 100%;
  height: 25px;
  position: relative;
  margin: 10px 0;
}

/* Slider Track Styles */
.src-app-components-common-search-filters-common-SingleSlider__slider-track {
  top: 50%;
  height: 4px;
  background: #ebebeb;
  border-radius: 2px;
  transform: translateY(-50%);
}

.src-app-components-common-search-filters-common-SingleSlider__slider-track-0 {
  background: #000000; /* Active track (before thumb) */
}

.src-app-components-common-search-filters-common-SingleSlider__slider-track-1 {
  background: #ebebeb; /* Inactive track (after thumb) */
}

/* Slider Thumb Styles */
.src-app-components-common-search-filters-common-SingleSlider__slider-thumb {
  height: 25px;
  width: 25px;
  background-color: #000000;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  z-index: 2;
}

.src-app-components-common-search-filters-common-SingleSlider__slider-thumb:hover {
  background-color: #000000;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.src-app-components-common-search-filters-common-SingleSlider__slider-thumb:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
}

.src-app-components-common-search-filters-common-SingleSlider__slider-thumb:active {
  transform: translateY(-50%) scale(0.95);
  background-color: #10906f;
}

/* Distance specific styles */
.src-app-components-common-search-filters-common-SingleSlider__distanceFilter .src-app-components-common-search-filters-common-SingleSlider__slider-thumb {
  height: 22px;
  width: 22px;
}

.src-app-components-common-search-filters-common-SingleSlider__distanceFilter .src-app-components-common-search-filters-common-SingleSlider__slider-track {
  height: 3px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .src-app-components-common-search-filters-common-SingleSlider__slider-thumb {
    height: 28px;
    width: 28px;
  }

  .src-app-components-common-search-filters-common-SingleSlider__slider-track {
    height: 5px;
  }

  .src-app-components-common-search-filters-common-SingleSlider__filter {
    padding: 15px 0;
  }
}

/* Animation for smooth transitions */
.src-app-components-common-search-filters-common-SingleSlider__slider-thumb,
.src-app-components-common-search-filters-common-SingleSlider__slider-track {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Focus accessibility */
.src-app-components-common-search-filters-common-SingleSlider__slider-thumb.src-app-components-common-search-filters-common-SingleSlider__focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}


  .src-app-components-common-search-filters-Distance__distanceFilter .filterValue {
    min-width: 65px;
  }

.src-app-components-common-search-filters-common-DoubleStepSlider__filter {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 20px 0;
}

/* Slider Track Styles */
.src-app-components-common-search-filters-common-DoubleStepSlider__example-track {
  top: 50%;
  height: 4px;
  background: #ddd;
  border-radius: 2px;
  transform: translateY(-50%);
}

.src-app-components-common-search-filters-common-DoubleStepSlider__example-track-0 {
  background: #ddd; /* Left track (before first thumb) */
}

.src-app-components-common-search-filters-common-DoubleStepSlider__example-track-1 {
  background: #000000; /* Middle track (between thumbs) - active range */
}

.src-app-components-common-search-filters-common-DoubleStepSlider__example-track-2 {
  background: #ddd; /* Right track (after second thumb) */
}

/* Slider Thumb Styles */
.src-app-components-common-search-filters-common-DoubleStepSlider__example-thumb {
  height: 20px;
  width: 20px;
  background-color: #000000;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 10px;
  font-weight: bold;
  transition: all 0.2s ease;
  top: 50%;
  transform: translateY(-50%);
}

.src-app-components-common-search-filters-common-DoubleStepSlider__example-thumb:hover {
  background-color: #000000;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.src-app-components-common-search-filters-common-DoubleStepSlider__example-thumb:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}

.src-app-components-common-search-filters-common-DoubleStepSlider__example-thumb:active {
  transform: translateY(-50%) scale(0.95);
}

/* Slider Container Styles */
.slider {
  width: 100%;
  height: 20px;
  position: relative;
}

.slider.doubleSlider {
  margin: 10px 0;
}

/* Custom styles for budget slider */
.src-app-components-common-search-filters-common-DoubleStepSlider__filter .src-app-components-common-search-filters-common-DoubleStepSlider__example-thumb {
  font-size: 8px;
  height: 18px;
  width: 18px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .src-app-components-common-search-filters-common-DoubleStepSlider__example-thumb {
    height: 24px;
    width: 24px;
    font-size: 11px;
  }

  .src-app-components-common-search-filters-common-DoubleStepSlider__example-track {
    height: 5px;
  }
}

.src-app-components-common-search-filters-common-StepSliderLabels__labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 12px;
}


  .src-app-components-common-Toggle__toggleContainer * > {
    pointer-events: none;
  }

.src-app-components-common-Toggle__toggleContainer input[type="checkbox"] {
    display: none;
  }

.src-app-components-common-Toggle__toggle {
  width: 50px;
  height: 30px;
  background-color: #ccc;
  border-radius: 4px;
  position: relative
}

input[type="checkbox"]:checked ~ .src-app-components-common-Toggle__toggle {
    background-color: #000000
}

.src-app-components-common-Toggle__slider {
  display: inline-block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 1px #888;
  transition: left 300ms
}

.src-app-components-common-Toggle__slider::before, .src-app-components-common-Toggle__slider::after {
    content: "";
    width: 1px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 11.5px;
    top: 4px;
    background-color: #333;
  }

.src-app-components-common-Toggle__slider::before {
    transform: rotate(45deg);
  }

.src-app-components-common-Toggle__slider::after {
    transform: rotate(-45deg);
  }

input[type="checkbox"]:checked ~ .src-app-components-common-Toggle__toggle .src-app-components-common-Toggle__slider {
    left: 22px
}

input[type="checkbox"]:checked ~ .src-app-components-common-Toggle__toggle .src-app-components-common-Toggle__slider::before {
      height: 16px;
      top: 6px;
      left: 16px;
    }

input[type="checkbox"]:checked ~ .src-app-components-common-Toggle__toggle .src-app-components-common-Toggle__slider::after {
      height: 8px;
      top: 13px;
      left: 8px;
    }

.src-app-components-common-search-filters-common-ToggleFilter__filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-common-search-filters-dropdown-DropdownFilter__filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-common-search-filters-dropdown-DropdownFilter__dropdown select {
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.src-app-components-common-search-filters-dropdown-DropdownFilter__wdth100 {
  width: 100%;
}

.src-app-components-common-search-filters-dropdown-DropdownFilter__Categoryfilterswrap {
  position: relative;
  width: 100%;
}

.src-app-components-common-search-filters-dropdown-DropdownFilter__Categoryfilters {
  text-align: center;
  width: 100%;
  background: #fff;
  border: 1px solid #767676;
  padding: 6px;
  position: absolute;
  pointer-events: none;
}

.src-app-components-common-search-filters-dropdown-DropdownFilter__Categoryfilterswrap select {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.src-app-components-desktop-search-common-SearchCard__card {
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 50px;
  margin-bottom: 20px;
  background-color: #fff;
}

.src-app-components-desktop-search-common-SearchCard__title {
  margin-bottom: 20px;
  padding: 0 4px 4px 4px;
  border-bottom: 6px solid #ebebeb;
  font-size: 20px;
  font-family: "Playfair Display Bold";
  color: #333;
}

.src-app-components-desktop-search-common-SearchCard__desc {
  margin: 0 0 30px 0;
  font-size: 12px;
  color: #000000;
}
.src-app-components-desktop-search-cards-Results__container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.src-app-components-desktop-search-cards-Results__sectionContainer {
  width: 45%;
  display: flex;
  flex-direction: column
}

.src-app-components-desktop-search-cards-Results__sectionContainer section:first-of-type {
    margin-bottom: 30px;
  }

.src-app-components-desktop-search-cards-Results__title {
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "Playfair Display Bold";
  color: #333;
}

.src-app-components-desktop-search-cards-Results__desc {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
  margin-bottom: 10px;
}

.src-app-components-desktop-search-cards-Results__toggleFilters {
  margin-bottom: 0;
}

.src-app-components-desktop-search-cards-Results__toggleFilter {
  margin-top: 10px
}

.src-app-components-desktop-search-cards-Results__toggleFilter .label {
    color: #333;
    font-family: 'Playfair Display Bold';
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
  }

  .src-app-components-common-Checkbox__checkboxContainer > * {
    pointer-events: none;
  }
.src-app-components-common-Checkbox__checkboxContainer input[type="checkbox"] {
    display: none
  }
.src-app-components-common-Checkbox__checkboxContainer input[type="checkbox"] ~ .icon {
      font-size: 18px;
      background-color: #f6f6f6;
    }
.src-app-components-common-Checkbox__checkboxContainer input[type="checkbox"]:checked ~ .icon {
        color: #000000;
      }

.src-app-components-common-search-filters-common-MultiSelection__container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.src-app-components-common-search-filters-common-MultiSelection__item {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px
}

.src-app-components-common-search-filters-common-MultiSelection__item.checked {
    color: #000000;
  }

.src-app-components-common-search-filters-common-MultiSelection__item .fa,
  .src-app-components-common-search-filters-common-MultiSelection__item .icon {
    font-size: 25px;
    margin-bottom: 5px;
    color: #838383
  }

.checked.src-app-components-common-search-filters-common-MultiSelection__item .fa,
  .checked.src-app-components-common-search-filters-common-MultiSelection__item .icon {
      color: #000000
  }

.src-app-components-common-search-filters-common-MultiSelection__item .checkbox {
    margin: 5px 0;
  }

.src-app-components-common-search-filters-common-MultiSelection__label {
  text-transform: uppercase;
  font-size: 11px;
}


  .src-app-components-common-search-filters-Shape__shapeFilter .item {
    width: calc(100% / 3);
  }

.src-app-components-desktop-search-cards-common__container {
  width: 50%;
  margin-bottom: 15px;
}

.src-app-components-desktop-search-cards-common__overview {
  width: 100%;
  margin-top: 15px
}

.src-app-components-desktop-search-cards-common__overview .content {
    text-align: left;
    line-height: 1.5;
  }

.src-app-components-desktop-search-cards-common__icons {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 10px;
}

.src-app-components-desktop-search-cards-Shape__container {
  width: 60%;
}

.src-app-components-desktop-search-cards-Shape__overview {
}

.src-app-components-common-search-filters-Cut__labels {
  justify-content: space-around;
  font-size: 10px;
}

.src-app-components-common-search-filters-Cut__label {
  width: 55px;
  text-align: center;
}

.src-app-components-desktop-search-cards-Cut__container {
}

.src-app-components-desktop-search-cards-Cut__overview {
}

.src-app-components-desktop-search-cards-Cut__icons {
}

.src-app-components-desktop-search-cards-Cut__icons img {
    width: 30%;
  }

.src-app-components-common-search-filters-Color__labels {
  justify-content: space-around;
  font-size: 10px;
  padding: 0 10px;
}

.src-app-components-common-search-filters-Color__label {
  width: 18.8px;
  text-align: center;
}

.src-app-components-common-search-filters-FancyColor__colorImage {
  width: 50px;
}

.src-app-components-desktop-search-cards-Color__container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.src-app-components-desktop-search-cards-Color__container .colorFilter {
    width: 100%;
  }

.src-app-components-desktop-search-cards-Color__overview {
}

.src-app-components-desktop-search-cards-Color__icons {
  padding: 0 3.5%
}

.src-app-components-desktop-search-cards-Color__icons img {
    width: 10%;
  }

.src-app-components-desktop-search-cards-Color__switchButton {
  width: 60%;
  margin-top: 30px;
}

.src-app-components-common-search-filters-Clarity__labels {
  justify-content: space-around;
  font-size: 10px;
  padding: 0 10px;
}

.src-app-components-common-search-filters-Clarity__label {
  width: 18.8px;
  text-align: center;
}

.src-app-components-desktop-search-cards-Clarity__container {
  display: flex;
  flex-direction: column;
  align-items: center
}

.src-app-components-desktop-search-cards-Clarity__container .clarityFilter {
    width: 100%;
  }

.src-app-components-desktop-search-cards-Clarity__overview {
}

.src-app-components-desktop-search-cards-Clarity__icons {
  padding: 0 4.5%
}

.src-app-components-desktop-search-cards-Clarity__icons img {
    width: 10%;
  }

.src-app-components-common-search-filters-Certs__logo {
  width: 25px;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-common-search-filters-Certs__otherIcon {
  display: inline-block;
  width: 50px;
  height: 50px
}

.certsFilter .src-app-components-common-search-filters-Certs__otherIcon {
    font-size: 36px;
    line-height: 50px
}

.src-app-components-desktop-search-cards-Filters__container {
  background: url(/17c8a7b8a10cc74f5c2686c5cb155fd1.png) top center / auto 63px no-repeat;
  padding-top: 62px;
  margin-bottom: 30px
}

.src-app-components-desktop-search-cards-Filters__container .value {
    text-transform: uppercase;
  }

.src-app-components-desktop-search-cards-Filters__viewSearchResultsButton {
  position: relative;
  padding: 15px 60px;
  background-color: #000;
  color: #fff;
  font-weight: 300
}

.src-app-components-desktop-search-cards-Filters__viewSearchResultsButton .icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #000000;
    font-size: 24px;
  }

.src-app-components-desktop-search-cards-Filters__location {
  text-align: left;
  margin-bottom: 15px
}

.src-app-components-desktop-search-cards-Filters__location .icon {
    margin-right: 5px;
    font-size: 14px;
  }

.src-app-components-desktop-search-cards-Filters__filterList {
}

.src-app-components-desktop-search-cards-Filters__filterList .value {
    text-align: right;
  }

.src-app-components-desktop-search-Search__metaBarContent {
  text-transform: uppercase;
}

.src-app-components-desktop-search-Search__searchCards {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 25px 0;
  background-color: #f7f7f7
}

.src-app-components-desktop-search-Search__searchCards .card:not(:last-child) {
    margin-bottom: 25px;
  }

.src-app-components-desktop-search-Search__searchCardsContent {
  width: 70%;
  display: flex;
  flex-direction: column;
}

.src-app-components-desktop-search-Search__descTitle {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-desktop-search-Search__overviewSection {
  margin-bottom: 0
}

.src-app-components-desktop-search-Search__overviewSection .text {
    text-align: left;
    line-height: 1.5;
  }

.src-app-components-desktop-search-Search__sliderValue {
  display: inline-block;
  padding: 10px 0;
  font-size: 12px;
  color: #000000;
  border-bottom: 2px dashed #000000
}

.src-app-components-desktop-search-Search__sliderValue .fa {
    color: #999;
    font-size: 14px;
    margin-right: 15px;
  }

.src-app-components-desktop-search-Filters__container {
  padding: 25px 0;
}

.src-app-components-desktop-search-Filters__header {
  color: #000000;
  font-weight: 300;
  text-align: center;
  margin-bottom: 20px
}

h2.src-app-components-desktop-search-Filters__header {
    font-size: 20px
}

h2.src-app-components-desktop-search-Filters__header strong {
      font-weight: 400;
    }

.src-app-components-desktop-search-Filters__filters {
  margin-bottom: 20px;
}

.src-app-components-desktop-search-Filters__item {
  margin-top: 15px
}

.src-app-components-desktop-search-Filters__item .header {
    display: flex;
    align-items: center
  }

.src-app-components-desktop-search-Filters__item .header .fa {
      position: relative;
      top: 1px;
    }

.src-app-components-desktop-search-Filters__item:last-of-type {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
  }

.src-app-components-desktop-search-Filters__itemHeader {
  flex-grow: 1;
  display: flex;
}

.src-app-components-desktop-search-Filters__itemFilterName {
  flex-grow: 1;
  text-align: left;
}

.src-app-components-desktop-search-Filters__itemFilterValue {
  width: 100px;
  text-align: right;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-desktop-search-Filters__itemBody {
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 15px 0;
}

.src-app-components-desktop-search-Filters__itemFilterContainer {
  padding: 0 15px;
}

.src-app-components-desktop-search-Filters__itemLearnMore .header {
    justify-content: center;
  }

.src-app-components-desktop-search-Filters__itemLearnMore .collapseToggle {
    border: none;
  }

.src-app-components-desktop-search-Filters__learnMoreIcon {
  background-color: #000000;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin-right: 5px;
}

.src-app-components-desktop-search-Filters__toggleFilter {
  padding: 8px 0
}

.src-app-components-desktop-search-Filters__toggleFilter:first-of-type {
    border-top: 1px solid #dedede;
  }

.src-app-components-desktop-search-Filters__toggleFilter {
  border-bottom: 1px solid #dedede
}

.src-app-components-desktop-search-Filters__toggleFilter .label {
    font-size: 12px;
    text-transform: uppercase;
  }

.src-app-components-desktop-search-Filters__actions {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.src-app-components-desktop-search-Filters__applyButton {
  width: 35%;
  box-shadow: none;
}

.src-app-components-common-search-EmptySearchResults__emptySearchResults {
  box-sizing: border-box;
  width: 100%;
  padding: 25px 0;
  text-align: center;
  background-color: #f7f7f7;
  margin-bottom: 100px
}

.src-app-components-common-search-EmptySearchResults__emptySearchResults img {
    width: 70px;
    margin: 15px 0 10px 0;
  }

.src-app-components-common-search-EmptySearchResults__emptySearchResults .src-app-components-common-search-EmptySearchResults__mainHeader {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #777;
  }

.src-app-components-common-search-EmptySearchResults__emptySearchResults .src-app-components-common-search-EmptySearchResults__subHeader {
    font-size: 14px;
    line-height: 24px;
    color: #777;
    margin-top: 5px;
  }

@media (max-width: 320px) {
    .src-app-components-common-search-EmptySearchResults__emptySearchResults img {
      width: 45px;
      margin: 0 0 5px 0;
    }
    .src-app-components-common-search-EmptySearchResults__emptySearchResults .src-app-components-common-search-EmptySearchResults__mainHeader {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      color: #777;
    }
    .src-app-components-common-search-EmptySearchResults__emptySearchResults .src-app-components-common-search-EmptySearchResults__subHeader {
      font-size: 12px;
      line-height: 20px;
      color: #777;
      margin: 0px;
    }
  }

@media (max-width: 768px) {

.src-app-components-common-search-EmptySearchResults__emptySearchResults {
    padding: 20px
}
  }

.src-app-components-common-search-EmptySearchResults__resetFiltersButton {
  margin-top: 20px;
}

.src-app-components-common-loginForm-Checkbox__checkboxContainer {
  display: flex
}
.src-app-components-common-loginForm-Checkbox__checkboxContainer > * {
    pointer-events: none;
  }
.src-app-components-common-loginForm-Checkbox__checkboxContainer input[type="checkbox"] {
    display: none
  }
.src-app-components-common-loginForm-Checkbox__checkboxContainer input[type="checkbox"] ~ .icon {
      font-size: 18px;
      background-color: #f6f6f6;
    }
.src-app-components-common-loginForm-Checkbox__checkboxContainer input[type="checkbox"]:checked ~ .icon {
        color: #000000;
      }

.src-app-components-common-loginForm-signupForm__form {
  border: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.src-app-components-common-loginForm-signupForm__field {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  color: #838383
}

.src-app-components-common-loginForm-signupForm__field label {
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    /* font-family: Montserrat,Arial,sans-serif; */
     font-family: 'Futura Bold', sans-serif
  }

.src-app-components-common-loginForm-signupForm__field label input, .src-app-components-common-loginForm-signupForm__field label select, .src-app-components-common-loginForm-signupForm__field label .src-app-components-common-loginForm-signupForm__extra {
      text-transform: none;
      font-family: 'Futura Regular', sans-serif;
    }

.src-app-components-common-loginForm-signupForm__field input, .src-app-components-common-loginForm-signupForm__field .StripeElement {
    display: block;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 5px;
    border: none;
    outline: none;
    border-bottom: 2px dashed #ddd;
    border-radius: 0;
    font-size: 14px;
    color: #000000;
    /* font-family: Montserrat,Arial,sans-serif;
    &:-webkit-autofill {
      border: none;
      -webkit-text-fill-color: var(--mainColor);
    } */
  }

.src-app-components-common-loginForm-signupForm__field input::-moz-placeholder, .src-app-components-common-loginForm-signupForm__field textarea::-moz-placeholder {
      color: #ccc;
    }

.src-app-components-common-loginForm-signupForm__field input::placeholder, .src-app-components-common-loginForm-signupForm__field textarea::placeholder {
      color: #ccc;
    }

.src-app-components-common-loginForm-signupForm__field input:focus {
    border-color: #000000;
  }

.src-app-components-common-loginForm-signupForm__field input[type="text"]:disabled {
    color: #ccc;
  }

.src-app-components-common-loginForm-signupForm__field textarea {
    display: block;
    min-height: 80px;
    width: 100%;
    margin-top: 10px;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #ddd;
  }

.src-app-components-common-loginForm-signupForm__field .note {
    margin: 10px 0 0 0;
    text-transform: none;
    color: #000000
  }

.src-app-components-common-loginForm-signupForm__field .note a {
      color: #000000;
    }

.src-app-components-common-loginForm-signupForm__errorField {
  color: red
}

.src-app-components-common-loginForm-signupForm__errorField input {
    /* border-color: red; */
  }

.src-app-components-common-loginForm-signupForm__errorMessage {
  align-self: flex-start;
  margin-top: 5px;
  font-size: 12px;
}

.src-app-components-common-loginForm-signupForm__formErrorMessage {
  padding: 15px 10px;
  margin-bottom: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: red;
  border: 1px solid #dbdbdb;
}

.src-app-components-common-loginForm-signupForm__multiFields {
  display: flex;
  justify-content: space-between;
}

.src-app-components-common-loginForm-signupForm__halfField {
  /* composes: field; */
  width: 48%;
}

.src-app-components-common-loginForm-signupForm__orderReviewCard {
  /* composes: titleCard from '~common/components/common/TitleCard.css'; */
  display: flex;
  flex-direction: column;
  align-items: center;

  /* & :global(.recentDiamond) {
  } */
}

.src-app-components-common-loginForm-signupForm__button {
  /* composes: button from '~common/components/common/Button.css'; */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}

.src-app-components-common-loginForm-signupForm__payButton {
  /* composes: button; */

  margin: 20px 0 10px 0;
  color: #fff;
  background-color: #333
}

.src-app-components-common-loginForm-signupForm__payButton .icon {
    color: #000000;
    font-size: 28px;
    margin-right: 10px;
  }

.src-app-components-common-loginForm-signupForm__paypalButton {
  margin: 20px 0 10px 0;
}

.src-app-components-common-loginForm-signupForm__buttons {
  width: 100%;
}

.src-app-components-common-loginForm-signupForm__creditSecure {
  text-align: center;
  font-size: 10px;
}

/* .addressInput {
  &:global(.geosuggest) {
    width: 100%;

    & :global(.geosuggest__input) {
      padding: 0;
      box-shadow: none;
    }

    & :global(.geosuggest__suggests):not(:global(.geosuggest__suggests--hidden)) {
      border-width: 1px;
      border-color: #ccc;
    }
  }
} */

.src-app-components-common-loginForm-signupForm__checkboxField,
.src-app-components-common-loginForm-signupForm__toggleField,
.src-app-components-common-loginForm-signupForm__selectField {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.src-app-components-common-loginForm-signupForm__checkboxLabel {
  margin-left: 5px;
  line-height: 15px;
  text-transform: none;
  font-weight: bold;
}

.src-app-components-common-loginForm-signupForm__toggleField,
.src-app-components-common-loginForm-signupForm__selectField {
  width: 100%;
  justify-content: space-between;
}

.src-app-components-common-loginForm-signupForm__selectField select {
    padding: 5px 0 5px 12px;
    outline: none;
    background-color: #e8e8e8;
  }

.src-app-components-common-loginForm-signupForm__selectFieldContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-common-loginForm-signupForm__selectFileButton,
.src-app-components-common-loginForm-signupForm__selectFileButtonDisabled {
  text-align: center
}

.src-app-components-common-loginForm-signupForm__selectFileButton input[type="file"], .src-app-components-common-loginForm-signupForm__selectFileButtonDisabled input[type="file"] {
    display: none;
  }

/* .selectFileButton {
  composes: plainPrimaryButton from '~common/components/common/Button.css';
}

.selectFileButtonDisabled {
  composes: button from '~common/components/common/Button.css';
} */

.src-app-components-common-loginForm-signupForm__radioGroupField {
}

.src-app-components-common-loginForm-signupForm__radioGroupList {
}

.src-app-components-common-loginForm-signupForm__radioGroupRowList {
  display: flex;
}

.src-app-components-common-loginForm-signupForm__radioGroupItem {
  margin-top: 10px;
  align-items: center
}

.src-app-components-common-loginForm-signupForm__radioGroupItem label {
    display: flex;
  }

.src-app-components-common-loginForm-signupForm__radioGroupItem input {
    width: auto;
    margin-top: 3px;
  }

.src-app-components-common-loginForm-signupForm__radioGroupRowItem {
  /* composes: radioGroupItem; */
  margin-right: 20px
}

.src-app-components-common-loginForm-signupForm__radioGroupRowItem input {
    width: 15px;
  }

.src-app-components-common-loginForm-signupForm__radioGroupItemContainer {
  align-items: center
}

.src-app-components-common-loginForm-signupForm__radioGroupItemContainer .icon {
    display: inline-block;
    margin-right: 3px;
    font-size: 16px;
    color: #838383;
  }

.src-app-components-common-loginForm-signupForm__radioGroupItemContainer.disabled > .icon {
      color: #d0d0d0;
    }

.src-app-components-common-loginForm-signupForm__radioGroupItemContainer input {
    display: none;
  }

.src-app-components-common-loginForm-signupForm__radioGroupItemLabel {
  margin-left: 8px;
  font-size: 14px;
  text-transform: none;
}

@media (max-width: 600px) {
  .src-app-components-common-loginForm-signupForm__field label {
    font-size: 12px;
    
  }
  
}
.src-app-components-desktop-common-FilterSidebar__container {
  width: 20%;
  margin: 25px 0;
  min-width: 280px;
  margin-top: 0px !important;


}

.src-app-components-desktop-common-FilterSidebar__newcardsidebar {
  border-top: 0px !important;
  padding-top: 0px;
  margin-top: -10px;
}

.src-app-components-desktop-common-FilterSidebar__header {
  color: #000000;
  font-weight: 600;
  /* text-align: center; */
  margin-bottom: 10px;
  /* text-transform: uppercase; */
  text-align: left;
  font-family: 'Playfair Display Bold'
}

h2.src-app-components-desktop-common-FilterSidebar__header {
    font-size: 20px
}

h2.src-app-components-desktop-common-FilterSidebar__header strong {
      font-weight: 400;
    }

.src-app-components-desktop-common-FilterSidebar__subHeader {
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.src-app-components-desktop-common-FilterSidebar__filters {
  margin-bottom: 20px;
}

.src-app-components-desktop-common-FilterSidebar__item {
  margin-top: 15px
}

.src-app-components-desktop-common-FilterSidebar__item .header {
    display: flex;
    align-items: center
  }

.src-app-components-desktop-common-FilterSidebar__item .header .fa {
      position: relative;
      top: 1px;
    }

.src-app-components-desktop-common-FilterSidebar__item:last-of-type {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
  }

.src-app-components-desktop-common-FilterSidebar__itemHeader {
  flex-grow: 1;
  display: flex

}

.src-app-components-desktop-common-FilterSidebar__itemHeader.src-app-components-desktop-common-FilterSidebar__itemHeadernewstyle {
    width: 100%;
    padding: 9px;
    border: 1px solid #767676;

    .src-app-components-desktop-common-FilterSidebar__itemFilterName {
      text-align: center;
    }
  }

.src-app-components-desktop-common-FilterSidebar__itemFilterName {
  flex-grow: 1;
  text-align: left;
}

.src-app-components-desktop-common-FilterSidebar__itemFilterValue {
  width: 100px;
  text-align: right;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-desktop-common-FilterSidebar__itemBody {
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 15px 0;
}

.src-app-components-desktop-common-FilterSidebar__itemFilterContainer {
  padding: 0 15px;
}

.src-app-components-desktop-common-FilterSidebar__itemLearnMore .header {
    justify-content: center;
  }

.src-app-components-desktop-common-FilterSidebar__itemLearnMore .collapseToggle {
    border: none;
  }

.src-app-components-desktop-common-FilterSidebar__learnMoreIcon {
  background-color: #000000;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin-right: 5px;
}

.src-app-components-desktop-common-FilterSidebar__toggleFilter {
  margin-top: 20px;
  padding: 8px 0
  /* border-bottom: 1px solid var(--sectionSepColor);
  border-top: 1px solid var(--sectionSepColor); */
}

.src-app-components-desktop-common-FilterSidebar__toggleFilter .label {
    font-size: 12px;
    text-transform: uppercase;
  }

.src-app-components-desktop-common-FilterSidebar__callForPrice {
  margin-top: 0;
  border-top: none;
}

.src-app-components-desktop-common-FilterSidebar__freeShippingOnly {
  margin-top: 0;
  border-top: none;
}

.src-app-components-desktop-common-FilterSidebar__actions {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.src-app-components-desktop-common-FilterSidebar__applyButton {
  width: 100%;
  box-shadow: none;
}

.src-app-components-desktop-common-FilterSidebar__responsiveAdLabel {
  width: 100%;
  color: #aaa;
  text-align: center;
  letter-spacing: 1px;
  margin: 40px 0 10px 0;
}

.src-app-components-desktop-common-FilterSidebar__responsiveAdHolder {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 4px;
  margin: 0 0 25px 0;
}

.src-app-components-desktop-common-FilterSidebar__responsiveAd {
  width: 100%;
  height: 600px;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #aaa;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px;
}

a.src-app-components-desktop-common-FilterSidebar__responsiveAdLink {
  position: absolute;
  top: 0;
  width: 100%;
  height: 600px;
  border: 0;
}

.src-app-components-desktop-common-FilterSidebar__adfilter {
  padding-top: 16px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 16px;

  .src-app-components-desktop-common-FilterSidebar__checkboxText {

    font-size: 16px;
    color: #000;

  }
}
.src-app-components-desktop-search-Result__pageContent {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 0 15px;
  display: flex

  /* background-color: #f7f7f7; */
}

.src-app-components-desktop-search-Result__pageContent .pageContentContainer {
    background-color: #fff;
  }

.src-app-components-desktop-search-Result__sidebar {
  margin-left: 50px
}

@media (max-width: 1024px) {

.src-app-components-desktop-search-Result__sidebar {
    margin-left: 0
}
  }

.src-app-components-desktop-search-Result__filters {
  width: 20%;
  margin: 25px 0;
  min-width: 280px;
  margin-bottom: 0px;
}

.src-app-components-desktop-search-Result__newcardsidebarbottom {
  border-bottom: 0px !important;
}

.src-app-components-desktop-search-Result__filtersContent {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  margin: 0;
}

.src-app-components-desktop-search-Result__filterValues {
  margin-bottom: 20px;
}

.src-app-components-desktop-search-Result__filtersRow {
  display: flex;
  align-items: center
}

.src-app-components-desktop-search-Result__filtersRow:not(:last-of-type) {
    margin-bottom: 10px;
  }

.src-app-components-desktop-search-Result__filtersRow .icon {
    margin-right: 10px;
  }

.src-app-components-desktop-search-Result__filtersRow h2 {
    font-size: 16px;
    color: #000000;
  }

.src-app-components-desktop-search-Result__filter {
  margin-right: 20px;
}

.src-app-components-desktop-search-Result__value {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-desktop-search-Result__label {
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
}

.src-app-components-desktop-search-Result__budget {
  font-size: 12px;
}

.src-app-components-desktop-search-Result__shape {
  text-transform: uppercase;
}

.src-app-components-desktop-search-Result__filterActions {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.src-app-components-desktop-search-Result__filterButton {
  font-weight: 300;
}

.src-app-components-desktop-search-Result__refineFiltersButton {
  background-color: #000;
}

.src-app-components-desktop-search-Result__narrowDistanceButton {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  width: 100%
}

.src-app-components-desktop-search-Result__narrowDistanceButton:first-of-type {
    margin: 15px 0 0 0;
  }

.src-app-components-desktop-search-Result__newSearchButton {
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 30px
}

.src-app-components-desktop-search-Result__newSearchButton .icon {
    color: #000000;
    font-size: 35px;
  }

.src-app-components-desktop-search-Result__dropdownFilter {
  width: 100%;
  margin-bottom: 10px;
}

.src-app-components-desktop-search-Result__results {
  width: 80%
}

.src-app-components-desktop-search-Result__results.single .pageContent {
    justify-content: center;
  }

.src-app-components-desktop-search-Result__results .pageContent {
    flex-wrap: wrap;
    width: 100%;
    margin-left: 20px;
    margin-right: 50px;
    height: -moz-fit-content;
    height: fit-content;
  }

.src-app-components-desktop-search-Result__diamondCard {
  width: calc((100% - 68px) / 3);
  margin-right: 20px;
  margin-bottom: 20px
}

.src-app-components-desktop-search-Result__diamondCard:nth-of-type(3n) {
    margin-right: 0;
  }

.src-app-components-desktop-search-Result__loadButton {

  /* width: 100%;
  color: var(--textColor);
  font-weight: 300; */
  width: 100%;
  color: #fff;
  font-weight: 300;
  background: #000000;
  border-radius: 0;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  i {
    font-size: 29px;
  }
}

.src-app-components-desktop-search-Result__algolia {
  width: 100%;
  padding: 10px 0 25px 0;
  display: flex;
  justify-content: center;
  background-color: #f7f7f7
}

.src-app-components-desktop-search-Result__algolia img {
    width: 180px;
  }

.src-app-components-desktop-search-Result__resultsContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  background-color: #f7f7f7;
}

.src-app-components-desktop-search-Result__searching {
  margin-bottom: 10px;
}

.src-app-components-desktop-search-Result__searchKeywords {
  display: inline;
  float: right;
  font-weight: bold;
  width: 60%;
  text-align: right;
  margin-bottom: 14px;
}

.src-app-components-desktop-search-Result__searchKeywords i {
  font-size: 10px;
  margin-left: 6px;
  cursor: pointer;
}

.src-app-components-desktop-search-Result__forsearchpage {
  background-color: #fff !important;
  background-color: #fff !important;
  font-size: 30px;
  color: #000;
  font-family: 'Playfair Display Bold';
}

.src-app-components-desktop-search-Result__srpagessection {
  width: 100%;
  display: flex;
  justify-content: center;

  .src-app-components-desktop-search-Result__searchBar {
    box-shadow: 0px 0px 8px #f2f2f2;
    max-width: 400px;
    padding: 8px 8px 8px 20px;
    margin-bottom: 50px;
    border-radius: 10px;
  }
}

@media all and (max-width: 1350px) {
  .src-app-components-desktop-search-Result__diamondCard {
    width: calc((100% - 48px) / 3);
    margin-right: 20px
  }

    .src-app-components-desktop-search-Result__diamondCard:nth-of-type(4n) {
      margin-right: 20px;
    }

    .src-app-components-desktop-search-Result__diamondCard:nth-of-type(3n) {
      margin-right: 0;
    }
}

@media all and (max-width: 1160px) {
  .src-app-components-desktop-search-Result__diamondCard {
    width: calc((100% - 168px) / 3);
  }

  .src-app-components-desktop-search-Result__results {
    flex: 1;
    margin-left: 90px
  }

    .src-app-components-desktop-search-Result__results .pageContent {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
}

@media all and (max-width: 1200px) {
  .src-app-components-desktop-search-Result__diamondCard {
    width: calc((100% - 24px) / 2)
  }

    .src-app-components-desktop-search-Result__diamondCard:nth-of-type(3n) {
      margin-right: 20px;
    }

    .src-app-components-desktop-search-Result__diamondCard:nth-of-type(2n) {
      margin-right: 0;
    }

  .src-app-components-desktop-search-Result__results {
    flex: 1;
    margin-left: 0
  }

    .src-app-components-desktop-search-Result__results .pageContent {
      margin-right: 0;
    }
}
@media all and (max-width: 540px) {
  .src-app-components-desktop-search-Result__diamondCard {
    width: calc((100% - 24px) / 1);
  }
}
.src-app-components-desktop-search-Result__header {
  color: #000000;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: left;
  font-family: 'Playfair Display Bold';
}

.src-app-components-desktop-search-Result__listoffilternew {
  border-bottom: 1px solid #ccc;
  width: 100%;
  max-width: 270px;
  display: block;
}

.src-app-components-desktop-search-Result__listoffilternew button {
  border-radius: 0px;
  background-color: #fff;
  color: #000;
  font-size: 12px;
  width: 100%;
  margin-bottom: 12px;
  border: 2px solid #ccc;
  font-weight: 300;
}

.src-app-components-desktop-search-Result__recentlyViewedPage {
  min-height: 100vh;
}
@media (max-width: 992px) and (min-width: 767px) {
  .src-app-components-desktop-search-Result__results {
    width: 60%;
  }
}

.src-app-components-common-LandingPageSectionTitle__landingPageSectionTitle {
  color: #39384d;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.8rem
}

.src-app-components-common-LandingPageSectionTitle__landingPageSectionTitle b, .src-app-components-common-LandingPageSectionTitle__landingPageSectionTitle strong {
    display: block;
    font-weight: 700;
  }

@media (min-width: 768px) {

  .src-app-components-common-LandingPageSectionTitle__landingPageSectionTitle {
    font-size: 22px;
    text-align: left;
    text-align: initial
}

    .src-app-components-common-LandingPageSectionTitle__landingPageSectionTitle b, .src-app-components-common-LandingPageSectionTitle__landingPageSectionTitle strong {
      display: inline;
    }
  }

.src-app-components-common-sellers-JewelryDesigners__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  grid-gap: 20px
}

@media (max-width: 767px) {

.src-app-components-common-sellers-JewelryDesigners__container {
    margin-top: 20px
}
  }

.src-app-components-common-sellers-JewelryDesigners__background {
  width: 100%;
  height: 67px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-bottom: 20px; */
}

.src-app-components-common-sellers-JewelryDesigners__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: -10px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-common-sellers-JewelryDesigners__heading span {
  font-family: 'Futura Regular';
  font-size: 25px;
}

.src-app-components-common-sellers-JewelryDesigners__thumbnailContainer {
  width: 100%;
  margin-top: 200px;
}

.src-app-components-common-sellers-JewelryDesigners__featuredRetailers {
  width: 95%;
  display: flex;
  justify-content: space-between
}

.src-app-components-common-sellers-JewelryDesigners__featuredRetailers .src-app-components-common-sellers-JewelryDesigners__slideShowRetailers {
    width: 100%;
  }

/* .heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline;
    font-family: 'Playfair Display Bold';
}

.heading span {
    font-weight: bold;
} */

.src-app-components-common-sellers-JewelryDesigners__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-common-sellers-JewelryDesigners__viewMore {
    font-size: 14px
}
  }

.src-app-components-common-sellers-JewelryDesigners__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-common-sellers-JewelryDesigners__noJewelryDesigners {
  text-align: center;
}

/* :global(.swiper-button-prev:after, .swiper-button-next:after ) {
    font-size: 22px !important
} */

@media only screen and (max-width: 767px) {
  .src-app-components-common-sellers-JewelryDesigners__background {
    height: auto;
    position: relative;
    padding-bottom: 25px;
  }

  .src-app-components-common-sellers-JewelryDesigners__thumbnailContainer {
    margin-top: auto;
  }

  .src-app-components-common-sellers-JewelryDesigners__heading {
    font-size: 22px;
  }

  .src-app-components-common-sellers-JewelryDesigners__heading span {
    font-size: 18px;
  }

  .swiper-button-prev:after {
    font-size: 22px !important;
    display: none;
  }

  .swiper-button-next:after {
    font-size: 22px !important;
    display: none;
  }
}

.src-app-components-common-sellers-GemstoneVendors__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  grid-gap: 20px
}

@media (max-width: 767px) {

.src-app-components-common-sellers-GemstoneVendors__container {
    margin-top: 20px
}
  }

.src-app-components-common-sellers-GemstoneVendors__background {
  width: 100%;
  height: 67px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-bottom: 20px; */
}

.src-app-components-common-sellers-GemstoneVendors__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: -10px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-common-sellers-GemstoneVendors__heading span {
  font-family: 'Futura Regular';
  font-size: 25px;
}

.src-app-components-common-sellers-GemstoneVendors__thumbnailContainer {
  width: 100%;
  margin-top: 200px;
}

.src-app-components-common-sellers-GemstoneVendors__featuredRetailers {
  width: 95%;
  display: flex;
  justify-content: space-between
}

.src-app-components-common-sellers-GemstoneVendors__featuredRetailers .src-app-components-common-sellers-GemstoneVendors__slideShowRetailers {
    width: 100%;
  }

/* .heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline;
    font-family: 'Playfair Display Bold';
}

.heading span {
    font-weight: bold;
} */

.src-app-components-common-sellers-GemstoneVendors__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-common-sellers-GemstoneVendors__viewMore {
    font-size: 14px
}
  }

.src-app-components-common-sellers-GemstoneVendors__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-common-sellers-GemstoneVendors__noGemstoneVendors {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .src-app-components-common-sellers-GemstoneVendors__background {
    height: auto;
    position: relative;
    padding-bottom: 20px;
  }

  .src-app-components-common-sellers-GemstoneVendors__thumbnailContainer {
    margin-top: auto;
  }

  .src-app-components-common-sellers-GemstoneVendors__heading {
    font-size: 22px;
  }

  .src-app-components-common-sellers-GemstoneVendors__heading span {
    font-size: 18px;
  }

  .swiper-button-prev:after {
    font-size: 22px !important;
    display: none;
  }

  .swiper-button-next:after {
    font-size: 22px !important;
    display: none;
  }
}

.src-app-components-common-sellers-Jewelers__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  grid-gap: 20px
}

@media (max-width: 767px) {

.src-app-components-common-sellers-Jewelers__container {
    margin-top: 20px
}
  }

.src-app-components-common-sellers-Jewelers__background {
  width: 100%;
  height: 67px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-bottom: 20px; */
}

.src-app-components-common-sellers-Jewelers__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: -10px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-common-sellers-Jewelers__heading span {
  font-family: 'Futura Regular';
  font-size: 25px;
}

.src-app-components-common-sellers-Jewelers__thumbnailContainer {
  width: 100%;
  margin-top: 200px;
}

.src-app-components-common-sellers-Jewelers__featuredRetailers {
  width: 95%;
  display: flex;
  justify-content: space-between
}

.src-app-components-common-sellers-Jewelers__featuredRetailers .src-app-components-common-sellers-Jewelers__slideShowRetailers {
    width: 100%;
  }

/* .heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline;
    font-family: 'Playfair Display Bold';
}

.heading span {
    font-weight: bold;
} */

.src-app-components-common-sellers-Jewelers__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-common-sellers-Jewelers__viewMore {
    font-size: 14px
}
  }

.src-app-components-common-sellers-Jewelers__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-common-sellers-Jewelers__noJewelers {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .src-app-components-common-sellers-Jewelers__background {
    height: auto;
    position: relative;
    padding-bottom: 20px;
  }

  .src-app-components-common-sellers-Jewelers__thumbnailContainer {
    margin-top: auto;
  }

  .src-app-components-common-sellers-Jewelers__heading {
    font-size: 22px;
  }

  .src-app-components-common-sellers-Jewelers__heading span {
    font-size: 18px;
  }

  .swiper-button-prev:after {
    font-size: 22px !important;
    display: none;
  }

  .swiper-button-next:after {
    font-size: 22px !important;
    display: none;
  }
}

.src-app-components-common-sellers-JewelryExperts__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  grid-gap: 20px
}

@media (max-width: 767px) {

.src-app-components-common-sellers-JewelryExperts__container {
    margin-top: 20px
}
  }

.src-app-components-common-sellers-JewelryExperts__background {
  width: 100%;
  height: 67px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-bottom: 20px; */
}

.src-app-components-common-sellers-JewelryExperts__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: -10px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-common-sellers-JewelryExperts__heading span {
  font-family: 'Futura Regular';
  font-size: 25px;
}

.src-app-components-common-sellers-JewelryExperts__thumbnailContainer {
  width: 100%;
  margin-top: 200px;
}

.src-app-components-common-sellers-JewelryExperts__featuredRetailers {
  width: 95%;
  display: flex;
  justify-content: space-between
}

.src-app-components-common-sellers-JewelryExperts__featuredRetailers .src-app-components-common-sellers-JewelryExperts__slideShowRetailers {
    width: 100%;
  }

/* .heading {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: inline;
    font-family: 'Playfair Display Bold';
}

.heading span {
    font-weight: bold;
} */

.src-app-components-common-sellers-JewelryExperts__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-common-sellers-JewelryExperts__viewMore {
    font-size: 14px
}
  }

.src-app-components-common-sellers-JewelryExperts__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-common-sellers-JewelryExperts__noJewelryExperts {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .src-app-components-common-sellers-JewelryExperts__background {
    height: auto;
    position: relative;
    padding-bottom: 20px;
  }

  .src-app-components-common-sellers-JewelryExperts__thumbnailContainer {
    margin-top: auto;
  }

  .src-app-components-common-sellers-JewelryExperts__heading {
    font-size: 22px;
  }

  .src-app-components-common-sellers-JewelryExperts__heading span {
    font-size: 18px;
  }

  .swiper-button-prev:after {
    font-size: 22px !important;
    display: none;
  }

  .swiper-button-next:after {
    font-size: 22px !important;
    display: none;
  }
}

.src-app-components-common-NewSellers__container {
  flex-direction: column;
}

.src-app-components-common-NewSellers__section {
  margin: 30px 0;
}

.src-app-components-common-NewSellers__sectiontitle {
  width: 100%;
  text-align: center !important;
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: 20px;
  font-family: 'Playfair Display Bold';
  display: flex;
  align-items: center;
  justify-content: center;
}

.src-app-components-common-NewSellers__sellerTypeList {
  display: flex;
  margin-top: 25px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 150px; */
  grid-gap: 12px;
}

.src-app-components-common-NewSellers__sellerTypeListItem {
  /* color: var(--mainColor);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px; */

  margin: 0;

  background-color: #f1f1f1;

  color: #000000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;

  a {
    padding: 10px 20px;
    display: block;
  }
}

.src-app-components-common-NewSellers__sellerTypeListSeparator {
  margin: 0 22px;
  color: #c4c4c4;
  display: none;
}

@media (min-width: 768px) {
  .src-app-components-common-NewSellers__section {
    margin: 50px 0;
  }

  .src-app-components-common-NewSellers__sellerTypeList {
    flex-direction: row;
    align-items: stretch;
  }

  .src-app-components-common-NewSellers__sellerTypeListItem {
    margin-bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .src-app-components-common-NewSellers__sellerTypeListSeparator {
    display: block;
  }
}

.src-app-components-common-NewSellers__sellerList {
  margin-top: 5px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

@media (min-width: 768px) {

.src-app-components-common-NewSellers__sellerList {
    justify-content: flex-start
}
  }

.src-app-components-common-NewSellers__sellerListItem {
  width: calc(100% / 2 - 5px);
  margin: 15px 0 0 0
}

@media (min-width: 768px) {

.src-app-components-common-NewSellers__sellerListItem {
    width: calc(100% / 3 - 10px);
    margin: 15px 10px 0 0
}

    .src-app-components-common-NewSellers__sellerListItem:nth-of-type(3n) {
      margin-right: 0;
    }
  }

@media (min-width: 1024px) {

.src-app-components-common-NewSellers__sellerListItem {
    width: calc(100% / 5 - 10px)
}

    .src-app-components-common-NewSellers__sellerListItem:nth-of-type(3n) {
      margin-right: 10px;
    }

    .src-app-components-common-NewSellers__sellerListItem:nth-of-type(5n) {
      margin-right: 0;
    }
  }

@media (min-width: 1280px) {

.src-app-components-common-NewSellers__sellerListItem {
    width: calc(100% / 6 - 10px)
}

    .src-app-components-common-NewSellers__sellerListItem:nth-of-type(3n) {
      margin-right: 10px;
    }

    .src-app-components-common-NewSellers__sellerListItem:nth-of-type(5n) {
      margin-right: 10px;
    }

    .src-app-components-common-NewSellers__sellerListItem:nth-of-type(6n) {
      margin-right: 0;
    }
  }

@media (max-width: 767px) {
  .src-app-components-common-NewSellers__sectiontitle {
    font-size: 22px;
  }

  .src-app-components-common-NewSellers__sellerTypeList {
    display: flex;
    margin-top: 25px;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    grid-gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0px;
  }

  .src-app-components-common-NewSellers__sellerTypeListItem {
    margin-bottom: 0;
    color: #000000;
    font-size: 14px;
    width: 46%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.src-app-components-desktop-sellers-Sellers__title {
  text-transform: uppercase;
}


.src-app-components-common-form-Form__form {
  /*
  & :global(.StripeElement) {
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 var(--sectionSepColor);
    color: var(--mainColor);
    transition: box-shadow 150ms ease;
  }

  & :global(.StripeElement--focus) {
    box-shadow: 0 1px 3px 0 color(var(--sectionSepColor) blackness(+ 30%));
  }
  */
}

.src-app-components-common-form-Form__field {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  color: #838383
}

.src-app-components-common-form-Form__field label {
    text-transform: uppercase;
    font-size: 12px
  }

.src-app-components-common-form-Form__field label .src-app-components-common-form-Form__extra {
      text-transform: none;
      text-transform: initial;
    }

.src-app-components-common-form-Form__field input, .src-app-components-common-form-Form__field .StripeElement {
    margin-top: 5px;
    border: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    border-bottom: 2px dashed #ddd
  }

.src-app-components-common-form-Form__field input:-webkit-autofill, .src-app-components-common-form-Form__field .StripeElement:-webkit-autofill {
      border: none;
      -webkit-text-fill-color: #000000;
    }

.src-app-components-common-form-Form__errorField {
  color: red
}

.src-app-components-common-form-Form__errorField input {
    border-color: red;
  }

.src-app-components-common-form-Form__errorMessage {
  margin-top: 5px;
  font-size: 10px;
  text-transform: uppercase;
}

.src-app-components-common-form-Form__multiFields {
  display: flex;
  justify-content: space-between;
}

.src-app-components-common-form-Form__halfField {
  width: 48%;
}

.src-app-components-common-form-Form__orderReviewCard {
  display: flex;
  flex-direction: column;
  align-items: center
}

.src-app-components-common-form-Form__orderReviewCard .recentDiamond {
  }

.src-app-components-common-form-Form__button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}

.src-app-components-common-form-Form__payButton {

  margin: 20px 0 10px 0;
  color: #fff;
  background-color: #333
}

.src-app-components-common-form-Form__payButton .icon {
    color: #000000;
    font-size: 28px;
    margin-right: 10px;
  }

.src-app-components-common-form-Form__buttons {
  width: 100%;
}

.src-app-components-common-form-AccessCodeForm__form {
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.src-app-components-common-form-AccessCodeForm__content {
  width: 320px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.src-app-components-common-form-AccessCodeForm__accessCodeField {
  width: 80%
}

.src-app-components-common-form-AccessCodeForm__accessCodeField input {
    text-align: center;
    font-size: 18px;
    padding: 10px 5px;
    background-color: #f7f7f7;
  }

.src-app-components-common-form-AccessCodeForm__button {
}

.src-app-components-common-ProfileSellerItems__thumbnailContainer {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 280px
}

@media (max-width: 767px) {

.src-app-components-common-ProfileSellerItems__thumbnailContainer {
    justify-content: space-between
}
  }

.src-app-components-common-ProfileSellerItems__thumbnailCardWrap {
  /* width: 32%;
  margin-right: 2%; */
  width: 24%;
  margin: 0 1% 20px 0;
  /* 
  &:nth-of-type(4n) {
    margin-right: 0;
  } */

  display: flex
}

.src-app-components-common-ProfileSellerItems__thumbnailCardWrap .src-app-components-common-ProfileSellerItems__overflow {
    /* max-height: 250px;
    overflow-y: hidden; */
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    z-index: 1
  }

.src-app-components-common-ProfileSellerItems__thumbnailCardWrap .src-app-components-common-ProfileSellerItems__overflow .src-app-components-common-ProfileSellerItems__newsaveButton {
      position: absolute;
      bottom: 8px;
      right: 8px;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      color: #fff !important;
      border: none;
      font-size: 18px;
      /* background: rgba(255, 255, 255, 0.9); */
      background-color: #e4ded4;
      z-index: 9;

      /* Use CSS Grid for perfect centering */
      display: grid;
      align-items: center;
      justify-items: center;

      /* Safari fixes */
      /* -webkit-appearance: none; */
      padding: 0;
      margin: 0;
      box-sizing: border-box

      /* Icon sizing */
    }

.src-app-components-common-ProfileSellerItems__thumbnailCardWrap .src-app-components-common-ProfileSellerItems__overflow .src-app-components-common-ProfileSellerItems__newsaveButton img,
      .src-app-components-common-ProfileSellerItems__thumbnailCardWrap .src-app-components-common-ProfileSellerItems__overflow .src-app-components-common-ProfileSellerItems__newsaveButton svg {
        width: 18px;
        height: 18px;
      }

@media (max-width: 767px) {

.src-app-components-common-ProfileSellerItems__thumbnailCardWrap {
    width: 48%;
    margin-right: 0%
}
  }

.src-app-components-common-ProfileSellerItems__thumbnailCard {
  margin-bottom: 20px;
  background-color: #fff;
  width: 100%;
  padding: 0;
  cursor: pointer;
}

.src-app-components-common-ProfileSellerItems__thumbnailDescriptionContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 10px 0 10px;
}

.src-app-components-common-ProfileSellerItems__thumbnailImage {
  /* width: 100%;
  border-radius: 4px 4px 0 0; */

  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
}
.src-app-components-common-ProfileSellerItems__thumbnailImagenull {
  width: 100%;
  height: 100%;
  position: relative;
  top: auto;
  left: auto;
  transform: translateX(0%);
  -o-object-fit: cover;
  object-fit: contain;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
}
.src-app-components-common-ProfileSellerItems__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-ProfileSellerItems__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-ProfileSellerItems__thumbnailDescription {
  /* margin-top: 5px;
  font-weight: 400; */
  color: #000000;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
  text-align: left;
}

.src-app-components-common-ProfileSellerItems__loadButton {
  width: 100%;
  color: #000000;
  font-weight: 300;
}

.src-app-components-common-ProfileSellerItems__background {
  width: 100%;
  height: 42px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-bottom: 20px; */
}

.src-app-components-common-ProfileSellerItems__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: 20px;
  font-family: 'Playfair Display Bold';
}

@media (max-width: 1024px) and (min-width: 768px) {
  .src-app-components-common-ProfileSellerItems__heading {
    font-size: 30px;
  }
}

.src-app-components-common-ProfileSellerItems__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-common-ProfileSellerItems__viewMore {
    font-size: 14px
}
  }

.src-app-components-common-ProfileSellerItems__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-common-ProfileSellerItems__ratingnadpricewrap {
  display: flex;
  justify-content: space-between;
}

.src-app-components-common-ProfileSellerItems__newsrinfostock {
  width: 100%;
  display: flex;
  justify-content: end;
  margin: 6px 0px
}

.src-app-components-common-ProfileSellerItems__newsrinfostock .src-app-components-common-ProfileSellerItems__inStockButton {
    padding: 8px 20px;
    font-family: 'Futura Regular';
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #000000;
    color: #fff;
    border: none;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    grid-gap: 8px;

    svg {
      font-size: 22px;
    }
  }

/*  */

/* .mobheading_top{
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
}
.mobheading_top h2 {
  font-size: 22px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
}
.mobheading_top img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
}

.seller_des_top{
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
  background: #f9f9f9 !important;

}
.seller_pic  {
  width: 75px;
}

.seller_pic img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
}
.seller_pic_info {
  flex: 1;
  display: flex;
  align-items: center;
}
.followus {
  position: relative;
}
.followus a {
  background: #000;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
}
.seller_pic_opt {
  flex: 1;
  margin-right: 5px;
}
.seller_pic_opt h2 {
  font-size: 16px;
}
.seller_pic_opt p {
  font-size: 14px;
}

.followus  span {
  display: block;
  background: #000;
  display: inline-block;
  color: #fff;
  padding: 7px 16px;
  font-weight: 600;
}
.rating_opt_block {
  display: flex;
  gap: 8px;
  padding-top: 5px 0 0 ;

}
.rating_opt_text {
  color: gray;
}

.storeName {
  display: none !important;
}

.pageHeader {
  background: #fff !important;
}
.description_block {
  padding: 0 0px 25px;
  text-align: left;
}
.description_block h3 {
  color: gray;
  padding: 0px;
  margin: 0px 0px 5px;
}
.description_block p {
  color: gray;
}

.following_option {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

.following_des {
  max-width: 120px;
  margin: 0px 10px;
  text-align: center;
}


.following_des span{
  display: inline-block;
  margin: 0px auto;
  background: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  width: 60px;
  font-size: 20px;
  margin-bottom: 10px;
  em{
    font-style: normal;
    font-size: 13px;
  }
}

.following_des p {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.product_view_wrap {
  display: flex;
  flex-wrap: wrap;
}

.product_view_item {
  flex: 0 50%;
  border: 1px solid #ffffff;
  position: relative;
}
.product_view_item img{
  width: 100%;
  height: 100%;
  object-fit:cover;
} */

.src-app-components-common-ProfileSellerItems__description_block {
  padding: 0 0px;
  text-align: left;
  padding-bottom: 0px;
}
.src-app-components-common-ProfileSellerItems__description_block h3 {
  color: gray;
  padding: 0px;
  margin: 0px 0px 5px;
}
.src-app-components-common-ProfileSellerItems__description_block p {
  color: gray;
}

.src-app-components-common-ProfileSellerItems__following_option {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

.src-app-components-common-ProfileSellerItems__following_option {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

.src-app-components-common-ProfileSellerItems__following_des {
  max-width: 120px;
  margin: 0px 10px;
  text-align: center;
}

.src-app-components-common-ProfileSellerItems__following_des span {
  display: inline-block;
  margin: 0px auto;
  background: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  width: 60px;
  font-size: 20px;
  margin-bottom: 10px;
  em {
    font-style: normal;
    font-size: 13px;
  }
}

.src-app-components-common-ProfileSellerItems__mobileview {
  display: none;
}
.src-app-components-common-ProfileSellerItems__mobile_cont_block .src-app-components-common-ProfileSellerItems__following_option {
  display: none;
}
@media (max-width: 1199px) {
  .src-app-components-common-ProfileSellerItems__thumbnailCardWrap {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .src-app-components-common-ProfileSellerItems__mobileview {
    display: block;
  }
  .src-app-components-common-ProfileSellerItems__mobile_cont_block {
  }
  .src-app-components-common-ProfileSellerItems__mobile_cont_block .src-app-components-common-ProfileSellerItems__thumbnailDescriptionContainer {
    display: none !important;
  }
  .src-app-components-common-ProfileSellerItems__mobile_cont_block .src-app-components-common-ProfileSellerItems__thumbnailCard {
    margin-bottom: 0px !important;
  }

  .src-app-components-common-ProfileSellerItems__mobile_cont_block .src-app-components-common-ProfileSellerItems__thumbnailCardWrap {
    width: 50%;
    margin: 0px !important;
    padding: 6px;
  }

  .src-app-components-common-ProfileSellerItems__mobile_cont_block .src-app-components-common-ProfileSellerItems__thumbnailContainer {
    margin-top: 0px !important;
  }
  .src-app-components-common-ProfileSellerItems__mobile_cont_block .src-app-components-common-ProfileSellerItems__following_option {
    display: flex;
    width: 100%;
    margin-bottom: 23px;
    margin-top: 16px;
  }
  .src-app-components-common-ProfileSellerItems__mobilehide {
    display: none;
  }
}

.src-app-components-common-AllProductList__thumbnailContainer {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 120px;
  padding: 0 20px;
  width: min(100%, 1280px);
  margin-left: auto;
  margin-right: auto
}

@media (max-width: 767px) {

.src-app-components-common-AllProductList__thumbnailContainer {
    justify-content: space-between
}
  }

.src-app-components-common-AllProductList__thumbnailCardWrap {
  /* width: 32%;
    margin-right: 2%; */
  width: 24%;
  margin: 0 1% 20px 0;
  /* 
    &:nth-of-type(4n) {
      margin-right: 0;
    } */

  display: flex
}

.src-app-components-common-AllProductList__thumbnailCardWrap .src-app-components-common-AllProductList__overflow {
    /* max-height: 250px;
      overflow-y: hidden; */
    position: relative;
    width: 100%;
    height: 250px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    z-index: 1
  }

.src-app-components-common-AllProductList__thumbnailCardWrap .src-app-components-common-AllProductList__overflow .src-app-components-common-AllProductList__newsaveButton {
      position: absolute;
      bottom: 8px;
      right: 8px;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      color: #fff !important;
      border: none;
      font-size: 18px;
      /* line-height: 51px; */
      /* background: rgba(255, 255, 255, 0.5); */
      background-color: #e4ded4;
      z-index: 9;
      display: flex;
      justify-content: center;
      align-items: center;
    }

@media (max-width: 767px) {

.src-app-components-common-AllProductList__thumbnailCardWrap {
    width: 48%;
    margin-right: 0%
}
  }

.src-app-components-common-AllProductList__thumbnailCard {
  margin-bottom: 20px;
  background-color: #fff;
  width: 100%;
  padding: 0;
  cursor: pointer;
}

.src-app-components-common-AllProductList__thumbnailDescriptionContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 10px 0 10px;
}

.src-app-components-common-AllProductList__thumbnailImage {
  /* width: 100%;
    border-radius: 4px 4px 0 0; */

  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.src-app-components-common-AllProductList__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-AllProductList__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-AllProductList__thumbnailDescription {
  /* margin-top: 5px;
    font-weight: 400; */
  color: #000000;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
  text-align: left;
}

.src-app-components-common-AllProductList__loadButton {
  width: 100%;
  color: #000000;
  font-weight: 300;
}

.src-app-components-common-AllProductList__background {
  width: 100%;
  height: 42px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-bottom: 20px; */
}

.src-app-components-common-AllProductList__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: 20px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-common-AllProductList__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-common-AllProductList__viewMore {
    font-size: 14px
}
  }

.src-app-components-common-AllProductList__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-common-AllProductList__ratingnadpricewrap {
  display: flex;
  justify-content: space-between;
}

.src-app-components-common-AllProductList__newsrinfostock {
  width: 100%;
  display: flex;
  justify-content: end;
  margin: 6px 0px
}

.src-app-components-common-AllProductList__newsrinfostock .src-app-components-common-AllProductList__inStockButton {
    padding: 8px 20px;
    font-family: 'Futura Regular';
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #000000;
    color: #fff;
    border: none;
    border-radius: 6px;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    grid-gap: 8px;

    svg {
      font-size: 22px;
    }
  }

.src-app-components-common-AllProductList__description_block {
  padding: 0 0px;
  text-align: left;
  padding-bottom: 0px;
}

.src-app-components-common-AllProductList__description_block h3 {
  color: gray;
  padding: 0px;
  margin: 0px 0px 5px;
}

.src-app-components-common-AllProductList__description_block p {
  color: gray;
}

.src-app-components-common-AllProductList__following_option {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

.src-app-components-common-AllProductList__following_option {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

.src-app-components-common-AllProductList__following_des {
  max-width: 120px;
  margin: 0px 10px;
  text-align: center;
}

.src-app-components-common-AllProductList__following_des span {
  display: inline-block;
  margin: 0px auto;
  background: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  width: 60px;
  font-size: 20px;
  margin-bottom: 10px;

  em {
    font-style: normal;
    font-size: 13px;
  }
}

.src-app-components-common-AllProductList__mobileview {
  display: none;
}

.src-app-components-common-AllProductList__mobile_cont_block .src-app-components-common-AllProductList__following_option {
  display: none;
}

@media only screen and (max-width: 767px) {
  .src-app-components-common-AllProductList__mobileview {
    display: block;
  }

  .src-app-components-common-AllProductList__mobile_cont_block {
  }

  .src-app-components-common-AllProductList__mobile_cont_block .src-app-components-common-AllProductList__thumbnailDescriptionContainer {
    display: none !important;
  }

  .src-app-components-common-AllProductList__mobile_cont_block .src-app-components-common-AllProductList__thumbnailCard {
    margin-bottom: 0px !important;
  }

  .src-app-components-common-AllProductList__mobile_cont_block .src-app-components-common-AllProductList__thumbnailCardWrap {
    width: 50%;
    margin: 0px !important;
  }

  .src-app-components-common-AllProductList__mobile_cont_block .src-app-components-common-AllProductList__thumbnailContainer {
    margin-top: 0px !important;
  }

  .src-app-components-common-AllProductList__mobile_cont_block .src-app-components-common-AllProductList__following_option {
    display: flex;
    width: 100%;
    margin-bottom: 23px;
    margin-top: 16px;
  }

  .src-app-components-common-AllProductList__mobilehide {
    display: none;
  }
}

.src-app-components-desktop-common-TabbedPage__tabbedPage {
  width: 100%;
}

.src-app-components-desktop-common-TabbedPage__metaBarContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-desktop-common-TabbedPage__tabs {
  height: 30px;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 15px;
}

.src-app-components-desktop-common-TabbedPage__tab {
  display: inline-block;
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  text-align: center;
  text-transform: uppercase
}

.src-app-components-desktop-common-TabbedPage__tab.active {
    background-color: #fff;
    color: #000000;
  }

.src-app-components-desktop-hero-Masthead__hero {
  width: 100%;
  height: 20vw;
  background-color: #38384d;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.src-app-components-common-RetailerOpenTime__openHour {
  display: inline-block;
  border-radius: 2px;
  background-color: #f4f4f4;
  padding: 10px 10px;
  margin-top: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.src-app-components-desktop-store-Header__container {
  width: 100%;
  /* background-color: #fff; */
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #dedede;
  /* background-image: url(../../../../assets/images/desktop/profilebg.png) */
}

.src-app-components-desktop-store-Header__pageContent {
  width: 70%;
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  padding: 20px 0
}

@media (max-width: 1024px) {

.src-app-components-desktop-store-Header__pageContent {
    width: 100%;
    padding: 15px 0
}
  }

.src-app-components-desktop-store-Header__logo {
  width: calc(100% / 3);
}

.src-app-components-desktop-store-Header__rating {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  align-items: center
}

.src-app-components-desktop-store-Header__rating .icon {
    font-size: 36px;
    color: #aaa;
    margin-bottom: 10px;
  }

.src-app-components-desktop-store-Header__rating p {
  margin: 0 0 5px;
  color: #aaa;
}

.src-app-components-desktop-store-Header__rated {
  color: #F7D202;
}

.src-app-components-desktop-store-Header__notRated {
  color: #ddd;
}

.src-app-components-desktop-store-Header__count {
  margin-left: 5px;
}

.src-app-components-desktop-store-Header__location {
  width: calc(100% / 3);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
}

.src-app-components-desktop-store-Header__itemLocation {
  text-align: center;
  color: #000000;
  font-size: 16px;
  border: 1px solid;
  padding: 8px;
}

.src-app-components-desktop-store-Header__saveButton {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  padding: 5px 0;
  font-weight: 300;
  color: #000000;
  background-color: #fff;
  border: 1px solid #dedede
}

.src-app-components-desktop-store-Header__saveButton .icon {
    font-size: 20px;
    color: #000000;
    margin-right: 10px;
  }

.src-app-components-desktop-store-Header__offerandhearch {
  padding: 16px;
  width: 450px;

  .src-app-components-desktop-store-Header__offerinfo {
    text-align: center;

    h1 {
      font-family: 'Playfair Display Bold';
      font-size: 50px;

      small {
        font-size: 20px;
        font-family: 'Futura Bold';
      }

      margin-bottom: 12px;
    }

    h2 {
      font-family: 'Futura Bold';
      font-size: 20px;
      margin-bottom: 30px;
    }

    p {
      font-family: 'Futura Medium';
      font-size: 20px;
      margin-bottom: 30px;
    }
  }

  .src-app-components-desktop-store-Header__searchBarwrap {
    background-color: #fff;
    padding: 8px 12px;
    border-radius: 12px;
  }
}

@media(min-width:1024px) and (max-width:1124px){
  .src-app-components-desktop-store-Header__offerandhearch {
    width: 350px;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .src-app-components-desktop-store-Header__offerandhearch {
    width: 350px;
  }
}
.src-app-components-desktop-common-SellerDiamondCard__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; */
  padding: 0;
  background-color: #fff;
}

.src-app-components-desktop-common-SellerDiamondCard__image:after {
  content: '';
  position: absolute;
  z-index: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
}

.src-app-components-desktop-common-SellerDiamondCard__image {
  position: relative;
  width: 100%;
  height: 250px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  z-index: 1
}

.src-app-components-desktop-common-SellerDiamondCard__image img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

& .src-app-components-desktop-common-SellerDiamondCard__distance {
  margin: 2px 0 0 0;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 500;
  background-color: #888;
  color: #fff;
  border-radius: 4px;
}

.src-app-components-desktop-common-SellerDiamondCard__defaultImage {
  position: relative
}

.src-app-components-desktop-common-SellerDiamondCard__defaultImage img {
    width: 100%;
    height: auto;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
  }

.src-app-components-desktop-common-SellerDiamondCard__verified {
  position: absolute;
  top: 10px;
  right: 10px
}

.src-app-components-desktop-common-SellerDiamondCard__verified img {
    width: 30px;
    height: 30px;
  }

.src-app-components-desktop-common-SellerDiamondCard__settingIcon {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 235px
}

.src-app-components-desktop-common-SellerDiamondCard__settingIcon img {
    width: 30px;
  }

.src-app-components-desktop-common-SellerDiamondCard__content {
  width: calc(100% - 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
}

.src-app-components-desktop-common-SellerDiamondCard__price {
  margin-bottom: 3px;
  padding: 0 5px;
}

.src-app-components-desktop-common-SellerDiamondCard__callForPrice {
  font-size: 16px;
}

.src-app-components-desktop-common-SellerDiamondCard__title {
  width: 100%;
  margin: 5px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.src-app-components-desktop-common-SellerDiamondCard__distance {
  font-family: 'Playfair Display Regular', serif;
  margin: 0;
}

.src-app-components-desktop-common-SellerDiamondCard__freeShipping {
  margin-top: 10px;
}

.src-app-components-desktop-common-SellerDiamondCard__fourCs {
  width: 100%;
  margin: 15px 0;
  padding: 10px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  justify-content: space-between
}

.src-app-components-desktop-common-SellerDiamondCard__fourCs .src-app-components-desktop-common-SellerDiamondCard__value {
    text-transform: uppercase;
  }

.src-app-components-desktop-common-SellerDiamondCard__ratingsPanel {
  width: 100%;
  margin: 20px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #dbdbdb;
  display: flex;
  justify-content: center
}

.src-app-components-desktop-common-SellerDiamondCard__ratingsPanel .src-app-components-desktop-common-SellerDiamondCard__value {
    text-transform: uppercase;
  }

.src-app-components-desktop-common-SellerDiamondCard__rating {
  color: #f7d202;
  width: 50px;
}

.src-app-components-desktop-common-SellerDiamondCard__notRated {
  color: #ddd;
}

.src-app-components-desktop-common-SellerDiamondCard__ratingContainer {
  width: 100%;
}

.src-app-components-desktop-common-SellerDiamondCard__ratingStars {
  padding-top: 2px;
  text-align: center;
}

.src-app-components-desktop-common-SellerDiamondCard__retailerName {
  width: 100%;
  color: rgb(169, 169, 169);
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-desktop-common-SellerDiamondCard__value {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-desktop-common-SellerDiamondCard__label {
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
}

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  position: relative;
  top: -1px
}

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.black {
    background-color: #222;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.blue {
    background-color: #5598ac;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.brown {
    background-color: #946b3c;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.canary {
    background-color: #efd81c;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.champagne {
    background-color: #c0a880;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.cognac {
    background-color: #cea185;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.green {
    background-color: #85c070;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.grey {
    background-color: #999;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.orange {
    background-color: #f5a23b;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.pink {
    background-color: #feb7c6;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.purple {
    background-color: #af7bbb;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.red {
    background-color: #e15650;
  }

.src-app-components-desktop-common-SellerDiamondCard__fancyColorValue.yellow {
    background-color: #f8e8a1;
  }

.src-app-components-desktop-common-SellerDiamondCard__controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.src-app-components-desktop-common-SellerDiamondCard__button {
  padding: 6px 0;
  width: 160px;
  font-weight: 300;
}

.src-app-components-desktop-common-SellerDiamondCard__saveButton {
  color: #000000;
  background-color: #fff;
  border: 2px solid #dbdbdb
}

.src-app-components-desktop-common-SellerDiamondCard__saveButton .icon {
    position: relative;
    top: 1px;
    left: -5px;
  }

.src-app-components-desktop-common-SellerDiamondCard__saveButtonSaved {
  color: #000000;
}

.src-app-components-desktop-common-SellerDiamondCard__detailsButton {
  color: #000000
}

.src-app-components-desktop-common-SellerDiamondCard__detailsButton a {
    padding: 6px 15px;
  }

.src-app-components-desktop-common-SellerDiamondCard__inStockButton {
  background-color: #000000;
  padding: 6px 16px
}

.src-app-components-desktop-common-SellerDiamondCard__inStockButton a {
    padding: 6px 15px;
  }

.src-app-components-desktop-common-SellerDiamondCard__ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}

.src-app-components-desktop-common-SellerDiamondCard__ribbon__content {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-desktop-common-SellerDiamondCard__finePrint {
  font-size: 8px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

.src-app-components-desktop-common-SellerDiamondCard__newrcont {
  .src-app-components-desktop-common-SellerDiamondCard__newsrinfotitle {
    width: 100%;

    p {
      width: 100%;
      margin-top: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: 'Playfair Display Bold';
      font-weight: 800;
      font-size: 18px;
      white-space: nowrap;
    }
  }

  .src-app-components-desktop-common-SellerDiamondCard__newsrinfodis {
    width: 100%;
    display: flex;

    p {
      strong {
        color: #000000;
        font-size: 14px;
        font-family: 'Playfair Display Bold';
        font-weight: 800;
      }

      span {
        font-size: 14px;
        color: #959595;
      }
    }
  }

  .src-app-components-desktop-common-SellerDiamondCard__newsrinfobyreting {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 8px 0px;

    .src-app-components-desktop-common-SellerDiamondCard__postby {
      span {
        font-size: 14px;
        color: #959595;
      }

      strong {
        color: #000000;
        font-size: 14px;
        font-family: 'Playfair Display Bold';
        font-weight: 800;
      }
    }
  }

  .src-app-components-desktop-common-SellerDiamondCard__newsrinfostock {
    width: 100%;
    display: flex;
    justify-content: end;

    button {
      border-radius: 0px;
    }
  }

  .src-app-components-desktop-common-SellerDiamondCard__newsrinfoprice {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;

    .src-app-components-desktop-common-SellerDiamondCard__price {
      span {
        color: #000000;
        font-size: 14px;
        font-family: 'Playfair Display Bold';
        font-weight: 800;
      }
    }

    span {
      font-size: 14px;
      color: #959595;
    }
  }
}

.src-app-components-desktop-common-SellerDiamondCard__newsaveButton {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #fff !important;
  border: none;
  font-size: 18px;
  /* line-height: 51px; */
  /* background: rgba(255, 255, 255, 0.5); */
  background-color: #e4ded4;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.src-app-components-desktop-store-Diamonds__diamonds {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.src-app-components-desktop-store-Diamonds__diamondCard {
  /* width: 24%;
  margin: 0 1% 20px 0;
  &:nth-of-type(4n) {
    margin-right: 0;
  } */
  width: 32%;
  margin: 0 1% 20px 0
}

.src-app-components-desktop-store-Diamonds__diamondCard:nth-of-type(3n) {
    margin-right: 0;
  }
@media (max-width: 992px) {
  .src-app-components-desktop-store-Diamonds__diamondCard {
    width: 48%;
    margin: 0 1% 20px 0
  }

    .src-app-components-desktop-store-Diamonds__diamondCard:nth-of-type(2n) {
      margin-right: 0;
    }
}
.src-app-components-common-ItemMap__container {
  position: relative;
  width: 100%;
}

.src-app-components-common-ItemMap__button {
  box-shadow: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  background-color: #000000;
}

.src-app-components-desktop-store-Profile__storeName {
  color: #fff;
  font-weight: 300;
}

.src-app-components-desktop-store-Profile__container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 25px 0;
  /* background-color: var(--contentBgColor); */
}

.src-app-components-desktop-store-Profile__pageContent {
  width: 70%
}

.src-app-components-desktop-store-Profile__pageContent .card {
    background-color: #fff;
  }

@media (max-width: 1024px) {

.src-app-components-desktop-store-Profile__pageContent {
    width: 100%
}
  }

.src-app-components-desktop-store-Profile__storePaneContent {
  display: flex;
  width: min(100%, 1280px);
}

.src-app-components-desktop-store-Profile__cardsContainer .card:not(:first-of-type) {
    margin-top: 20px;
  }

.src-app-components-desktop-store-Profile__mainStoreCards {
  /* width: calc(var(--desktopContentContainerWidth) - 20px); */
  /* margin-right: 20px; */
  width: 100%;
}

.src-app-components-desktop-store-Profile__otherStoreCards {
  width: calc(100% - 70%);
}

.src-app-components-desktop-store-Profile__diamondsPane .pageContent {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0px 16px;
    background: #fff;
  }

.src-app-components-desktop-store-Profile__filtersContainer {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 1px;
  display: flex;
  justify-content: center;
  /* box-shadow: 0 0 1px 0 #aaa; */
}

.src-app-components-desktop-store-Profile__filters {
  width: min(100%, 1280px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-gap: 20px;
}

.src-app-components-desktop-store-Profile__dropdownFilter {
  margin-bottom: 5px
}

.src-app-components-desktop-store-Profile__dropdownFilter:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-desktop-store-Profile__dropdownFilter .label {
    margin-right: 10px;
  }

.src-app-components-desktop-store-Profile__diamondsPaneContent {
}

.src-app-components-desktop-store-Profile__loadButton {
  width: 100%;
  color: #000000;
  font-weight: 300;
}

.card.src-app-components-desktop-store-Profile__galleryCard {
    padding: 0
}

.src-app-components-desktop-store-Profile__gallery .slick-list {
    min-height: 320px;
    padding-bottom: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

.src-app-components-desktop-store-Profile__gallery .slick-dots {
    bottom: 10px
  }

.src-app-components-desktop-store-Profile__gallery .slick-dots button:before {
      color: #000000;
    }

.src-app-components-desktop-store-Profile__card {
  margin-bottom: 20px;
  background-color: #fff;
}

.src-app-components-desktop-store-Profile__background {
  width: 100%;
  height: 42px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-top: 40px; */
}

.src-app-components-desktop-store-Profile__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: 20px;
  font-family: 'Playfair Display Bold';
}

@media (max-width: 1024px) and (min-width: 768px) {
  .src-app-components-desktop-store-Profile__heading {
    font-size: 30px;
  }
}
.src-app-components-desktop-store-Profile__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}
@media (max-width: 1024px) {
.src-app-components-desktop-store-Profile__viewMore {
    font-size: 14px
}
  }

.src-app-components-desktop-store-Profile__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-desktop-store-Profile__reviewandretingContainer {
  margin: 180px auto;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  width: 100%;
  max-width: 1200px;
}
.src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__noReviews,
.src-app-components-desktop-store-Profile__loadingReviews {
  width: 100%;
  text-align: center;
}
.src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcard {
  border: 1px solid #f1f1f1;
  width: calc(50% - 16px);
  padding: 20px;
  border-radius: 10px;
}
.src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcardtop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-family: 'Playfair Display Bold';
  color: #494949;
  margin-bottom: 16px;
}

.src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcardconten {
  padding-right: 100px;
  margin-bottom: 16px
}

.src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcardconten p {
    font-size: 16px;
    font-family: 'Playfair Display Bold';
    color: #84818a;
  }

.src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcardbottom {
  display: flex;
  justify-content: space-between;
  align-items: baseline;

  .src-app-components-desktop-store-Profile__reviewcardbottomleft {
    display: flex;
    grid-gap: 20px;

    img {
      width: 100px;
      height: 100px;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 10px;
    }
  }

  .src-app-components-desktop-store-Profile__reviewcardbottomright {
    color: #d9d9d9;

    span {
      margin-left: 12px;
      display: inline-block;
    }
  }
}

.src-app-components-desktop-store-Profile__reviewandretingPagination {
  margin: 50px 0px;
  text-align: center;

  ul {
    margin: 0px;
    padding: 0px;

    li.src-app-components-desktop-store-Profile__active {
      border: 1px solid #464646;
    }

    li {
      font-family: 'Playfair Display Bold';
      display: inline-block;
      text-align: center;
      color: #464646;
      border: 1px solid rgba(242,242,242,0.94902);
      background-color: #f2f2f2;
      margin: 4px;
      width: 40px;
      height: 40px;
      cursor: pointer;
      line-height: 40px;
      border-radius: 10px;
      line-height: 35px;
      border-radius: 10px;
      font-size: 16px
    }

      li.src-app-components-desktop-store-Profile__countdot {
        border: 1px solid #fff;
        background-color: #fff;
      }
  }
}

.src-app-components-desktop-store-Profile__reviewandretingProfile {
  display: flex;
  justify-content: center;
  padding: 20px 0px 40px;
  align-items: center;
  grid-gap: 16px;
  font-family: 'Futura Bold';

  .src-app-components-desktop-store-Profile__reviewandretingProfileinfo {
    display: flex;
    align-items: center;
    grid-gap: 16px;

    .src-app-components-desktop-store-Profile__reviewandretingProfilepick {
      img {
        width: 120px;
        height: 120px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px;
      }
    }
  }

  .src-app-components-desktop-store-Profile__reviewandretingProfilebtn {
    button {
      border-radius: 0;
      border-color: #000000;
      color: #000000;
      background: transparent;

      font-family: 'Futura Bold';
      font-size: 16px;
      letter-spacing: 1px;
      border-width: 1px;
      padding: 12px 18px;
      text-transform: uppercase;
      border: 2px solid;
      margin-left: 16px;
    }
  }
}

.src-app-components-desktop-store-Profile__aboutposewrap {
  display: flex;
  margin-top: 50px;
  margin-bottom: 100px;
  grid-gap: 20px;

  .src-app-components-desktop-store-Profile__about {
    width: calc(50% - 20px);
    padding: 20px;
    border: 1px solid #f1f1f1;

    h1 {
      font-family: 'Playfair Display Bold';
      text-transform: uppercase;
      font-size: 18px;
      margin-bottom: 20px;
    }

    .src-app-components-desktop-store-Profile__aboutpara {
      margin-bottom: 10px;
    }

    p {
      margin-bottom: 2px;

      span {
        color: #959595;
      }
    }
  }

  .src-app-components-desktop-store-Profile__pose {
    display: flex;
    border: 1px solid #f1f1f1;

    .src-app-components-desktop-store-Profile__PoliciesCard {
      width: 50%;
    }

    .src-app-components-desktop-store-Profile__ServicesCard {
      width: 50%;
    }
  }
}

.src-app-components-desktop-store-Profile__filterTitle {
  text-align: center;
  color: #000000;
  font-size: 20px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  margin-bottom: 20px;
}

/* .itemprofilediamondsPane {
  width: 32%;
  margin: 0 1% 20px 0;

  &:nth-of-type(3n) {
    margin-right: 0;
  }
} */
.src-app-components-desktop-store-Profile__PoliciesCard {
  .src-app-components-desktop-store-Profile__Policiesinfo {
    height: calc(100% - 40px);
  }
}

.src-app-components-desktop-store-Profile__filtersLeftwrap {
  border: 1px solid #f2f2f2;
  padding: 16px;
  min-width: 250px;
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}

.src-app-components-desktop-store-Profile__topRowItems {
  flex: 1;
  display: flex;
  grid-gap: 20px;
  align-items: flex-start;
  max-width: calc(100% - 270px);
}

.src-app-components-desktop-store-Profile__bottomRowContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  /* margin-top: 40px; */
  padding: 0 16px;
}

.src-app-components-desktop-store-Profile__itemprofilediamondsPane {
  flex: 1;
  min-width: 0;
  margin-bottom: 20px

  /* For top row items (3 items) */
}

.src-app-components-desktop-store-Profile__itemprofilediamondsPane[data-show-top-row='true'] {
    width: calc(33.333% - 13.33px);
    max-width: 300px;
  }

.src-app-components-desktop-store-Profile__itemprofilediamondsPane {

  /* For bottom row items (4 items) */
}

.src-app-components-desktop-store-Profile__itemprofilediamondsPane[data-show-bottom-row='true'] {
    width: calc(24% - 15px);
    margin: 0 10px 20px 0
  }

.src-app-components-desktop-store-Profile__itemprofilediamondsPane[data-show-bottom-row='true']:nth-of-type(4n) {
      margin-right: 0;
    }

.src-app-components-desktop-store-Profile__itemprofilediamondsPanebottom {
  flex: 1;
  min-width: 0;
  margin-bottom: 20px;
  flex-wrap: nowrap

  /* For bottom row items (4 items) */
}

.src-app-components-desktop-store-Profile__itemprofilediamondsPanebottom[data-show-bottom-row='true'] {
    width: calc(24% - 15px);
    margin: 0 10px 20px 0
  }

.src-app-components-desktop-store-Profile__itemprofilediamondsPanebottom[data-show-bottom-row='true']:nth-of-type(4n) {
      margin-right: 0;
    }

.src-app-components-desktop-store-Profile__thumbnailContainer {
  width: 100%;
}
@media (max-width: 1024px) {
  .src-app-components-desktop-store-Profile__itemprofilediamondsPanebottom {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) and (min-width: 767px) {
  &
    .src-app-components-desktop-store-Profile__itemprofilediamondsPane
        .src-app-components-desktop-common-SellerDiamondCard__newrcont
        .src-app-components-desktop-common-SellerDiamondCard__newsrinfobyreting {
    flex-direction: column;
  }
  & .src-app-components-common-AllProductList__thumbnailCardWrap {
    width: 48%;
    margin: 0 1% 20px 0;
    display: flex;
  }
}
@media (max-width: 768px) {
  .src-app-components-desktop-store-Profile__reviewandretingContainer {
  }
  .src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__noReviews,
  .src-app-components-desktop-store-Profile__loadingReviews {
    width: 100%;
    text-align: center;
  }
  .src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcard {
  }
  .src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcard .src-app-components-desktop-store-Profile__reviewcardtop {
    flex-direction: column;
    justify-content: start;
  }

  .src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcard .src-app-components-desktop-store-Profile__reviewcardconten {
    padding-right: 0px;
    margin-bottom: 8px
  }

    .src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcard .src-app-components-desktop-store-Profile__reviewcardconten p {
      font-size: 12px;
    }

  .src-app-components-desktop-store-Profile__reviewandretingContainer .src-app-components-desktop-store-Profile__reviewcard .src-app-components-desktop-store-Profile__reviewcardbottom {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  .src-app-components-desktop-store-Profile__reviewandretingContainer
    .src-app-components-desktop-store-Profile__reviewcard
    .src-app-components-desktop-store-Profile__reviewcardbottom
    .src-app-components-desktop-store-Profile__reviewcardbottomleft {
    display: flex;
    grid-gap: 20px;
  }
  .src-app-components-desktop-store-Profile__reviewandretingContainer
    .src-app-components-desktop-store-Profile__reviewcard
    .src-app-components-desktop-store-Profile__reviewcardbottom
    .src-app-components-desktop-store-Profile__reviewcardbottomleft
    img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
  }

  .src-app-components-desktop-store-Profile__reviewandretingContainer
    .src-app-components-desktop-store-Profile__reviewcard
    .src-app-components-desktop-store-Profile__reviewcardbottom
    .src-app-components-desktop-store-Profile__reviewcardbottomright {
    color: #d9d9d9;

    span {
      margin-left: 12px;
      display: inline-block;
    }
  }
}

@media (max-width: 580px) {
  .src-app-components-desktop-store-Profile__reviewandretingContainer {
    margin: 50px auto;
  }
}

.src-app-components-desktop-store-cards-Contact__card {
  padding: 0;
}

.src-app-components-desktop-store-cards-Contact__contact {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-desktop-store-cards-Contact__addressLine {
  margin: 5px 0;
  text-align: center;
}

.src-app-components-desktop-store-cards-Contact__infoItem {
  color: #000000;
  margin: 10px 0
}

.src-app-components-desktop-store-cards-Contact__infoItem .fa {
    font-size: 16px;
  }

.src-app-components-desktop-store-cards-Contact__messageSellerBtn {
}

.src-app-components-desktop-store-cards-Gallery__card {
  padding: 0;
}

.src-app-components-desktop-store-cards-Gallery__gallery .slick-slide img {
    width: 100%;
    border-radius: 4px;
  }

.src-app-components-desktop-store-cards-Gallery__gallery .slick-prev {
    left: 10px;
    z-index: 1;
  }

.src-app-components-desktop-store-cards-Gallery__gallery .slick-next {
    right: 10px;
  }

.src-app-components-desktop-store-cards-Gallery__gallery .slick-dots {
    bottom: 30px
  }

.src-app-components-desktop-store-cards-Gallery__gallery .slick-dots button:before {
      color: #000000;
    }

.src-app-components-desktop-store-cards-Services__card {
  /* composes: card from '../Profile.css';
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0; */
  border: none;
  margin-top: 20px;

  .src-app-components-desktop-store-cards-Services__cardHeader {
    font-family: 'Playfair Display Bold';
    font-size: 18px;
    margin-bottom: 12px;
  }
}

.src-app-components-desktop-store-cards-Services__services {
  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
}

.src-app-components-desktop-store-cards-Services__service {
  /* width: 40%; */
  margin: 5px;
  text-transform: uppercase;
  color: #888;
  font-size: 12px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* text-align: center; */
}

.src-app-components-desktop-store-cards-Services__singleService {
  width: auto;
}

.src-app-components-desktop-store-cards-Services__noServices {
  margin: 30px 0;
}
.src-app-components-desktop-store-cards-Story__card {
  /* composes: card from '../Profile.css';
  display: flex;
  flex-direction: column;
  align-items: center; */
  border: none;
}

.src-app-components-desktop-store-cards-Story__story {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px
}

.src-app-components-desktop-store-cards-Story__story .textContainer {
    text-align: center;
  }

.src-app-components-desktop-store-cards-Story__stuff {
  margin-top: 30px
}

.src-app-components-desktop-store-cards-Story__stuff img {
    width: 200px;
    height: auto;
  }
.src-app-components-desktop-store-cards-Story__imageContainer {
  position: relative;
  display: inline-block;
}

.src-app-components-desktop-store-cards-Story__onlineIndicator {
  position: absolute;
  top: 7%;
  right: 10%;
  width: 30px;
  height: 30px;
  background-color: #38ae00;
  border-radius: 50%;
  border: 4px solid #fff;
  z-index: 1;
}

.src-app-components-desktop-store-cards-Story__stuffName {
  /* font-size: 18px; */
  font-size: 40px;
  margin: 5px 0;
  font-family: 'Playfair Display Bold';
  /* text-align: center; */
}

.src-app-components-desktop-store-cards-Story__stuffTitle {
  font-size: 20px;
  /* text-align: center; */
  text-transform: uppercase;
  font-family: 'Futura Medium';
}

.src-app-components-desktop-store-cards-Story__stuffandlfs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

  .src-app-components-desktop-store-cards-Story__card {
    max-width: 600px;
    margin-top: -200px;
    background: transparent;

    .src-app-components-desktop-store-cards-Story__stuff {
      display: flex;
      grid-gap: 20px;
      align-items: center;

      img {
        width: 200px;
        height: 200px;
        -o-object-fit: cover;
           object-fit: cover;
        border: 6px solid #fff;
        border-radius: 50%;
      }

      .src-app-components-desktop-store-cards-Story__storeRepinfo {
        text-align: left;
        width: calc(100% - 220px);

        .src-app-components-desktop-store-cards-Story__storeRepinfobtn {
          margin-top: 30px;
          display: flex;
          grid-gap: 10px;

          .src-app-components-desktop-store-cards-Story__flowbtn {
            background-color: #000000;
            border: 2px solid #000000;
            color: #fff
          }

            .src-app-components-desktop-store-cards-Story__flowbtn:hover {
              background-color: #fff;
              border: 2px solid #000000;
              color: #000000;
            }

          .src-app-components-desktop-store-cards-Story__contsellbtn {
            background-color: #fff;
            border: 2px solid #000000;
            color: #000000
          }

            .src-app-components-desktop-store-cards-Story__contsellbtn:hover {
              background-color: #000000;
              border: 2px solid #000000;
              color: #fff;
            }

          button {
            border-radius: 0;
            padding: 8px 20px;
            font-size: 14px;
            font-family: 'Futura Bold';
            min-width: 160px;
          }
        }
      }
    }
  }

  .src-app-components-desktop-store-cards-Story__lfs {
    display: flex;
    text-align: center;
    grid-gap: 40px;

    .src-app-components-desktop-store-cards-Story__lfsitem {
      text-align: center;

      h3 {
        font-size: 20px;
        font-family: 'Playfair Display Bold';
      }

      p {
        margin-top: 2px;
        font-size: 16px;
        font-family: 'Futura Regular';
        color: #84818a;
      }
    }
  }
}

.src-app-components-desktop-store-cards-Story__rated {
  color: #f7d202;
}

.src-app-components-desktop-store-cards-Story__notRated {
  color: #ddd;
}

.src-app-components-desktop-store-cards-Story__rating {
  display: flex;
  align-items: center;
  span {
    font-family: 'Futura Medium';
    margin-left: 8px;
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .src-app-components-desktop-store-cards-Story__storeRepinfo {
    width: calc(100% - 370px) !important;
    .src-app-components-desktop-store-cards-Story__stuffName {
      font-size: 28px;
    }
  }
}

.src-app-components-desktop-store-ProfilePage__storeName {
  color: #fff;
  font-weight: 300;
}

.src-app-components-desktop-store-ProfilePage__container {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 25px 0;
  /* background-color: var(--contentBgColor); */
}

.src-app-components-desktop-store-ProfilePage__pageContent {
  width: 70%
}

.src-app-components-desktop-store-ProfilePage__pageContent .card {
    background-color: #fff;
  }

@media (max-width: 1024px) {

.src-app-components-desktop-store-ProfilePage__pageContent {
    width: 100%
}
  }

.src-app-components-desktop-store-ProfilePage__storePaneContent {
  display: flex;
  width: min(100%, 1280px);
}

.src-app-components-desktop-store-ProfilePage__cardsContainer .card:not(:first-of-type) {
    margin-top: 20px;
  }

.src-app-components-desktop-store-ProfilePage__mainStoreCards {
  /* width: calc(var(--desktopContentContainerWidth) - 20px); */
  /* margin-right: 20px; */
  width: 100%;
}

.src-app-components-desktop-store-ProfilePage__otherStoreCards {
  width: calc(100% - 70%);
}

.src-app-components-desktop-store-ProfilePage__diamondsPane .pageContent {
    flex-direction: column;
    align-items: center;
    width: 100%;
    width: 100%;
    padding: 0px 16px;
    background: #fff;
  }

.src-app-components-desktop-store-ProfilePage__filtersContainer {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 1px;
  display: flex;
  justify-content: center;
  /* box-shadow: 0 0 1px 0 #aaa; */
}

.src-app-components-desktop-store-ProfilePage__filters {
  width: min(100%, 1280px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.src-app-components-desktop-store-ProfilePage__dropdownFilter {
  margin-bottom: 5px
}

.src-app-components-desktop-store-ProfilePage__dropdownFilter:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-desktop-store-ProfilePage__dropdownFilter .label {
    margin-right: 10px;
  }

.src-app-components-desktop-store-ProfilePage__diamondsPaneContent {
}

.src-app-components-desktop-store-ProfilePage__loadButton {
  width: 100%;
  color: #000000;
  font-weight: 300;
}

.card.src-app-components-desktop-store-ProfilePage__galleryCard {
    padding: 0
}

.src-app-components-desktop-store-ProfilePage__gallery .slick-list {
    min-height: 320px;
    padding-bottom: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

.src-app-components-desktop-store-ProfilePage__gallery .slick-dots {
    bottom: 10px
  }

.src-app-components-desktop-store-ProfilePage__gallery .slick-dots button:before {
      color: #000000;
    }

.src-app-components-desktop-store-ProfilePage__card {
  margin-bottom: 20px;
  background-color: #fff;
}

.src-app-components-desktop-store-ProfilePage__background {
  width: 100%;
  height: 42px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-gap: 20px;
  /* margin-top: 40px; */
}

.src-app-components-desktop-store-ProfilePage__heading {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  width: 100%;
  line-height: 1.2;
  margin-top: 20px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-desktop-store-ProfilePage__viewMore {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-desktop-store-ProfilePage__viewMore {
    font-size: 14px
}
  }

.src-app-components-desktop-store-ProfilePage__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-desktop-store-ProfilePage__reviewandretingContainer {
  margin: 180px auto;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  width: 100%;
  max-width: 1200px;

  .src-app-components-desktop-store-ProfilePage__reviewcard {
    border: 1px solid #f1f1f1;
    width: calc(50% - 16px);
    padding: 20px;
    border-radius: 10px;

    .src-app-components-desktop-store-ProfilePage__reviewcardtop {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
      font-family: 'Playfair Display Bold';
      color: #494949;
      margin-bottom: 16px;
    }

    .src-app-components-desktop-store-ProfilePage__reviewcardconten {
      padding-right: 100px;
      margin-bottom: 16px
    }

      .src-app-components-desktop-store-ProfilePage__reviewcardconten p {
        font-size: 16px;
        font-family: 'Playfair Display Bold';
        color: #84818a;
      }

    .src-app-components-desktop-store-ProfilePage__reviewcardbottom {
      display: flex;
      justify-content: space-between;
      align-items: baseline;

      .src-app-components-desktop-store-ProfilePage__reviewcardbottomleft {
        display: flex;
        grid-gap: 20px;

        img {
          width: 100px;
          height: 100px;
          -o-object-fit: cover;
             object-fit: cover;
          border-radius: 10px;
        }
      }

      .src-app-components-desktop-store-ProfilePage__reviewcardbottomright {
        color: #d9d9d9;

        span {
          margin-left: 12px;
          display: inline-block;
        }
      }
    }
  }
}

.src-app-components-desktop-store-ProfilePage__reviewandretingPagination {
  margin: 50px 0px;
  text-align: center;

  ul {
    margin: 0px;
    padding: 0px;

    li.src-app-components-desktop-store-ProfilePage__active {
      border: 1px solid #464646;
    }

    li {
      font-family: 'Playfair Display Bold';
      display: inline-block;
      text-align: center;
      color: #464646;
      border: 1px solid rgba(242,242,242,0.94902);
      background-color: #f2f2f2;
      margin: 4px;
      width: 40px;
      height: 40px;
      cursor: pointer;
      line-height: 40px;
      border-radius: 10px;
      line-height: 35px;
      border-radius: 10px;
      font-size: 16px
    }

      li.src-app-components-desktop-store-ProfilePage__countdot {
        border: 1px solid #fff;
        background-color: #fff;
      }
  }
}

.src-app-components-desktop-store-ProfilePage__reviewandretingProfile {
  display: flex;
  justify-content: center;
  padding: 20px 0px 40px;
  align-items: center;
  grid-gap: 16px;
  font-family: 'Futura Bold';

  .src-app-components-desktop-store-ProfilePage__reviewandretingProfileinfo {
    display: flex;
    align-items: center;
    grid-gap: 16px;

    .src-app-components-desktop-store-ProfilePage__reviewandretingProfilepick {
      img {
        width: 120px;
        height: 120px;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 10px;
      }
    }
  }

  .src-app-components-desktop-store-ProfilePage__reviewandretingProfilebtn {
    button {
      border-radius: 0;
      border-color: #000000;
      color: #000000;
      background: transparent;

      font-family: 'Futura Bold';
      font-size: 16px;
      letter-spacing: 1px;
      border-width: 1px;
      padding: 12px 18px;
      text-transform: uppercase;
      border: 2px solid;
      margin-left: 16px;
    }
  }
}

.src-app-components-desktop-store-ProfilePage__aboutposewrap {
  display: flex;
  margin-top: 50px;
  margin-bottom: 100px;
  grid-gap: 20px;

  .src-app-components-desktop-store-ProfilePage__about {
    width: calc(50% - 20px);
    padding: 20px;
    border: 1px solid #f1f1f1;

    h1 {
      font-family: 'Playfair Display Bold';
      text-transform: uppercase;
      font-size: 18px;
      margin-bottom: 20px;
    }

    .src-app-components-desktop-store-ProfilePage__aboutpara {
      margin-bottom: 10px;
    }

    p {
      margin-bottom: 2px;

      span {
        color: #d9d9d9;
      }
    }
  }

  .src-app-components-desktop-store-ProfilePage__pose {
    display: flex;
    border: 1px solid #f1f1f1;

    .src-app-components-desktop-store-ProfilePage__PoliciesCard {
      width: 50%;
    }

    .src-app-components-desktop-store-ProfilePage__ServicesCard {
      width: 50%;
    }
  }
}

.src-app-components-desktop-store-ProfilePage__filterTitle {
  text-align: center;
  color: #000000;
  font-size: 20px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  margin-bottom: 20px;
}

/* .itemprofilediamondsPane {
  width: 32%;
  margin: 0 1% 20px 0;

  &:nth-of-type(3n) {
    margin-right: 0;
  }
} */
.src-app-components-desktop-store-ProfilePage__PoliciesCard {
  .src-app-components-desktop-store-ProfilePage__Policiesinfo {
    height: calc(100% - 40px);
  }
}

.src-app-components-desktop-store-ProfilePage__filtersLeftwrap {
  border: 1px solid #f2f2f2;
  padding: 16px;
  min-width: 250px;
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.src-app-components-desktop-store-ProfilePage__thumbnailContainer {
  width: 100%;
}

/* Add to Profile.css */

.src-app-components-desktop-store-ProfilePage__virtualizedListContainer {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e9ecef;
  background: #fff;
}

.src-app-components-desktop-store-ProfilePage__virtualizedList {
  /* Override react-window's default styles */
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}

.src-app-components-desktop-store-ProfilePage__virtualizedList::-webkit-scrollbar {
  width: 8px;
}

.src-app-components-desktop-store-ProfilePage__virtualizedList::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.src-app-components-desktop-store-ProfilePage__virtualizedList::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.src-app-components-desktop-store-ProfilePage__virtualizedList::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

.src-app-components-desktop-store-ProfilePage__reviewItem {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.src-app-components-desktop-store-ProfilePage__reviewItem:last-child {
  border-bottom: none;
}

.src-app-components-desktop-store-ProfilePage__reviewLoadingItem {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.src-app-components-desktop-store-ProfilePage__loadingPlaceholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
  color: #666;
  font-style: italic;
  background: #f8f9fa;
  border-radius: 8px;
}

.src-app-components-desktop-store-ProfilePage__reviewsStats {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #e9ecef;
}

.src-app-components-desktop-store-ProfilePage__reviewsStats p {
  margin: 0;
  color: #666;
  font-size: 16px;
  font-weight: 500;
}

/* Ensure review cards fit within the virtualized items */
.src-app-components-desktop-store-ProfilePage__reviewcard {
  background: #fff;
  border-radius: 8px;
  padding: 15px;
  margin: 5px 0;
  height: 170px; /* Fixed height for virtualization */
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.src-app-components-desktop-store-ProfilePage__reviewcardconten {
  flex: 1;
  overflow: hidden;
}

.src-app-components-desktop-store-ProfilePage__reviewcardconten p {
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .src-app-components-desktop-store-ProfilePage__virtualizedListContainer {
    height: 300px;
  }

  .src-app-components-desktop-store-ProfilePage__reviewcard {
    height: 150px;
    padding: 10px;
  }

  .src-app-components-desktop-store-ProfilePage__reviewcardconten p {
    font-size: 13px;
    -webkit-line-clamp: 2;
  }
}

.src-app-components-desktop-viewing-cards-common__card {
  width: 44%;
  margin-top: 20px;
  background-color: #fff;
}

.src-app-components-desktop-viewing-cards-common__cardSingle {
  background-color: #fff;
}

.src-app-components-desktop-viewing-cards-common__storeName {
  font-weight: 300;
  text-align: center;
  color: #000000;
  margin-bottom: 5px;
}

.src-app-components-desktop-viewing-cards-common__openHourContainer {
  width: 100%;
  text-align: center;
}

.src-app-components-desktop-viewing-cards-common__openHour {
  display: inline-block;
  border-radius: 2px;
  background-color: #f4f4f4;
  padding: 10px 10px;
  margin-top: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.src-app-components-desktop-viewing-cards-common__diamond {
  position: static;
  position: initial;
  background: none;
  margin-top: 5px
}

.src-app-components-desktop-viewing-cards-common__diamond img {
    width: 100%;
    height: auto;
    height: initial;
  }

.src-app-components-desktop-viewing-cards-common__diamond .title {
    display: none;
  }

.src-app-components-desktop-viewing-cards-common__diamond .desc {
    white-space: normal;
    text-overflow: initial;
    overflow-x: auto;
  }

.src-app-components-desktop-viewing-cards-common__diamond .price {
    color: #000000;
  }

.src-app-components-desktop-viewing-cards-common__address {
  text-align: center;
  margin-top: 15px;
}

.src-app-components-desktop-viewing-cards-common__addressLine {
  margin: 5px 0;
}

.src-app-components-desktop-viewing-cards-common__actions {
  margin-top: 15px;
}

.src-app-components-desktop-viewing-cards-common__button {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 4px;
  font-weight: 400;
  color: #000000;
}

.src-app-components-desktop-viewing-cards-common__primaryButton {
  background-color: #000000;
  color: #fff;
}

.src-app-components-desktop-viewing-Bookings__paneHeader {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #838383;
}

.src-app-components-desktop-viewing-Bookings__paneDesc {
  text-align: center;
  margin-top: 0;
  margin: 15px 0;
}

.src-app-components-desktop-viewing-Viewing__pageTitle {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

.src-app-components-desktop-viewing-Viewing__tabbedPage .tabbedPageTab {
    font-size: 12px;
  }

.src-app-components-desktop-viewing-Viewing__pageContentContainer .pageContent {
    width: 100%;
  }

.src-app-components-desktop-viewing-Viewing__container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-desktop-viewing-Viewing__cardContainer {
  width: 100%;
  margin-top: -20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.src-app-components-desktop-viewing-Viewing__cardContainerSingle {
  justify-content: center;
}

.src-app-components-desktop-message-Form__metaBarContent {
    text-transform: uppercase;
  }
  
  .src-app-components-desktop-message-Form__formCard {
    background-color: #fff;
    width: 60%;
  }
  
  .src-app-components-desktop-message-Form__bookingCardContainer {
    width: 30%;
    margin-left: 20px;
  }
  
  .src-app-components-desktop-message-Form__well {
    margin-top: 15px
  }
  
  .src-app-components-desktop-message-Form__well p {
      margin: 0 0 15px 0;
    }
  
  .src-app-components-desktop-message-Form__form {
    margin-top: 20px;
  }
  
  .src-app-components-desktop-message-Form__actions {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .src-app-components-desktop-message-Form__button {
    width: 100%;
    height: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
  }
  
  .src-app-components-desktop-message-Form__submitButton {
    background-color: #000000;
    color: #fff
  }
  
  .src-app-components-desktop-message-Form__submitButton .icon {
      margin-right: 5px;
      font-size: 35px;
      color: #000000;
    }
  
  .src-app-components-desktop-message-Form__cancelButton {
    margin-top: 10px;
    color: #000000;
  }
  
  .src-app-components-desktop-message-Form__modalHeading {
    font-size: 1.2em;
    font-weight: 600;
  }
  
  .src-app-components-desktop-message-Form__chatCard {
    width: 100%;
  }
  
.src-app-components-desktop-auth-Form__form {
  /* composes: form from '~common/components/common/form/Form.css'; */
  border: none
}

.src-app-components-desktop-auth-Form__form input {
    width: 100%;
  }

.src-app-components-desktop-auth-Form__checkboxText {
  margin-left: 5px;
  line-height: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.src-app-components-desktop-auth-Form__footer {
  margin-top: 10px;
  text-align: center
}

.src-app-components-desktop-auth-Form__footer .src-app-components-desktop-auth-Form__note {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px
  }

.src-app-components-desktop-auth-Form__footer .src-app-components-desktop-auth-Form__note p {
      margin-bottom: 0;
    }

.src-app-components-desktop-auth-Form__submitButton {
  background-color: #000000;
  width: 100%;
}

.src-app-components-desktop-auth-Form__secondaryAction {
  margin-top: 5px;
  font-size: 12px;
}

.src-app-components-desktop-auth-Form__landingSectionTemplate {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  color: #777;
  min-height: 100vh;
font-family: 'Futura Regular', sans-serif
}

.src-app-components-desktop-auth-Form__landingSectionTemplate a {
    color: #000000;
  }

.src-app-components-desktop-auth-Form__landingSectionTemplate p {
    margin: 0 0 30px;
    font-family: 'Futura Regular', sans-serif;
    font-size: 16px;
  }

.src-app-components-desktop-auth-Form__landingSectionTemplate h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 30px 0px 30px 0px;
    color: #333;
  }

.src-app-components-desktop-auth-Form__landingSectionTemplate .src-app-components-desktop-auth-Form__dividerLine {
    border-top: 1px solid #ccc;
    width: 100%;
    max-width: 200px;
    margin: 40px auto;
  }

@media (--bpSizeSmallPhone) {

.src-app-components-desktop-auth-Form__landingSectionTemplate {
    font-size: 16px;
    line-height: 28px
}

    .src-app-components-desktop-auth-Form__landingSectionTemplate h2 {
      font-size: 34px;
    }
  }

@media (--bpSizeCustomPhone) {
    .src-app-components-desktop-auth-Form__landingSectionTemplate h2 {
      font-size: 28px;
    }
  }

.src-app-components-desktop-auth-Form__loginErrorMsg {
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  color: red;
}

.src-app-components-desktop-auth-Form__landingSignUpForm {
  background-color: #fff
}

.src-app-components-desktop-auth-Form__landingSignUpForm .src-app-components-desktop-auth-Form__wrapper {
    padding: 100px 30px 60px 30px;
    text-align: center;
    max-width: 800px;
  }

.src-app-components-desktop-auth-Form__landingSignUpForm .src-app-components-desktop-auth-Form__landingForm {
    max-width: 450px;
    margin: 0px auto;
    text-align: left;
  }

.src-app-components-desktop-auth-Form__landingSignUpForm h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
  }

.src-app-components-desktop-auth-Form__landingSignUpForm footer p {
    margin: 0px;
    line-height: 20px;
  }

.src-app-components-desktop-auth-Form__landingSignUpForm .src-app-components-desktop-auth-Form__landingForm {
    margin-bottom: 30px;
  }

@media (--bpSizeSmallPhone) {
    .src-app-components-desktop-auth-Form__landingSignUpForm .src-app-components-desktop-auth-Form__wrapper {
      padding: 60px 30px 20px 30px;
    }
  }

.src-app-components-desktop-auth-Form__landingForm {
  max-width: 450px;
  margin: 0px auto;
  text-align: left;
}

.src-app-components-desktop-auth-Form__card {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px;
}

.src-app-components-desktop-auth-Form__wrapper {
  max-width: 450px;
  margin: 0px auto;
  text-align: left;
}

.src-app-components-desktop-auth-Form__addressInput.geosuggest {
    width: 100%
  }

.src-app-components-desktop-auth-Form__addressInput.geosuggest .geosuggest__input {
      padding: 0;
      box-shadow: none;
    }

.src-app-components-desktop-auth-Form__addressInput.geosuggest
      .geosuggest__suggests:not(.geosuggest__suggests--hidden) {
      border-width: 1px;
      border-color: #ccc;
    }

.src-app-components-desktop-auth-Form__addressInput .geosuggest__suggests--hidden {
    max-height: 0;
    overflow: hidden;
    border-width: 0;
  }

.src-app-components-desktop-auth-Form__login {
  /* background: var(--brandBeige) url('./loginForm/hero-pattern-repeat.png') */
}

.src-app-components-desktop-auth-Form__logincard {
  padding: 20px;
  background-color: #fff;
  border: 2px solid #dbdbdb;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px
}

.src-app-components-desktop-auth-Form__logincard .cardIcon {
    font-size: 36px;
    color: #aaa;
    margin-bottom: 10px
  }

.src-app-components-desktop-auth-Form__logincard .cardIcon.icon {
      display: inline-block;
    }

.src-app-components-desktop-auth-Form__logincard .cardHeader {
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
  }

.src-app-components-desktop-auth-Form__loginFormContainer {
  width: 600px;
  margin: 120px 20px 40px 20px
}

.src-app-components-desktop-auth-Form__loginFormContainer h3 {
    margin-bottom: 15px;
    /* font-size: 14px; */
    font-weight: bold;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
  }

@media (--bpSizeSmallPhone) {

.src-app-components-desktop-auth-Form__loginFormContainer {
    width: 100%
}
  }

.src-app-components-desktop-auth-Form__loginInfo {
  border: 2px solid #ddd;
  border-radius: 4px;
  text-align: center;
  padding: 20px;
  font-weight: normal
}

.src-app-components-desktop-auth-Form__loginInfo strong,
  .src-app-components-desktop-auth-Form__loginInfo a {
    color: #000000;
  }

@media (--bpSizeSmallPhone) {

.src-app-components-desktop-auth-Form__locationFieldLabel {
    flex-direction: column;
    align-items: flex-start
}
  }

.src-app-components-desktop-auth-Form__logininfo {
  width: 100%;
  width: 100%;
  max-width: 1200px;
  margin: 30px auto;

  .src-app-components-desktop-auth-Form__logincontainer {
    width: 100%;
    display: flex;

    .src-app-components-desktop-auth-Form__loginleftcont {
      background-color: #fff7e2;
      width: 50%;
      display: flex;
      align-items: center;

      .src-app-components-desktop-auth-Form__loglefconle {
        width: calc(100% - 150px);
        text-align: center;
        padding: 50px 70px;
        background-image: url(/e5b2ff8a25551c5583db4692f3394d54.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 200px;

        p {
          font-family: 'Playfair Display Regular';
        }

        h2 {
          font-family: 'Playfair Display Bold';
        }
      }

      .src-app-components-desktop-auth-Form__loglefconre {
        width: 150px;
        padding: 0px 10px;
        display: flex;
        flex-direction: column;
        grid-gap: 8px;

        img {
          width: 100%;
        }
      }
    }

    .src-app-components-desktop-auth-Form__loginRightcont {
      background: linear-gradient(to right, #fff7e2 50%, #ffffff 50%);
      width: 50%;

      .src-app-components-desktop-auth-Form__signupfrom {
        width: calc(100% - 20px);
        margin: 30px 0px 30px 20px;
        padding: 30px;
        box-shadow: 0px 0px 12px #ccc;
        background-color: #fff;

        p {
          font-family: 'Playfair Display Regular';
          text-align: center;

          strong {
            font-family: 'Playfair Display Black';
          }
        }

        h2 {
          font-family: 'Playfair Display Black';
          margin-bottom: 20px;
          text-align: center;
        }
      }
    }
  }
}

.src-app-components-desktop-auth-Form__passwordInputWrapper {
  position: relative;
  width: 100%
}

.src-app-components-desktop-auth-Form__passwordInputWrapper input {
    padding-right: 30px !important; /* Make room for the icon */
  }

.src-app-components-desktop-auth-Form__passwordInputWrapper span {
    position: absolute;
    right: -15px;
    /*bottom: 7px; */
    color: #838383;
    display: flex;
    align-items: center;
    padding: 0 6px;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }

.src-app-components-desktop-auth-Form__passwordInputWrapper {

  /* When input is focused, also style the icon */
}

.src-app-components-desktop-auth-Form__passwordInputWrapper input:focus + span {
    color: #000000;
  }

.src-app-components-common-loginForm-FieldLabelWithAttribution__fieldLabelWithAttribution {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-common-loginForm-PoweredByGoogle__poweredByGoogle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: normal;
  line-height: initial;
}

.src-app-components-common-loginForm-PoweredByGoogle__text {
  font-size: 10px;
  text-transform: none;
  margin-right: 5px;
}

.src-app-components-common-loginForm-PoweredByGoogle__logo {
  width: 50px;
}

.src-app-components-desktop-TopNav-TopNav__wrapper {
    width: 100%;
    background-color: #000000;
    position: fixed;
    top: 0;
    height: 30px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.src-app-components-desktop-privacy-policy-PrivacyPolicy__Privacypage .src-app-components-desktop-common-PageContentContainer__pageContent {
  width: 95%!important;
}
.src-app-components-desktop-privacy-policy-PrivacyPolicy__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: auto;
  left: 252px;
  top: 239px;
  background: #ffffff;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
  font-size: 16px;
  /* overflow-y: scroll; */
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__title {
  text-transform: uppercase;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__titleInside {
  font-size: 20px;
  margin: 5px 0 20px 0;
  text-align: center;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__container {
  width: 100%;
  line-height: 22px
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__container img {
    width: 290px;
    height: 397.63px;
  }

.src-app-components-desktop-privacy-policy-PrivacyPolicy__well {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: left;
  margin-bottom: 20px;
  padding: 16px;
p{
  margin-bottom: 12px;
}
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__well strong {
    color: #000;
  }

.src-app-components-desktop-privacy-policy-PrivacyPolicy__well li {
    margin-left: 40px;
    list-style-type: circle;
  }

/* .topPart {
  display: flex;
} */

.src-app-components-desktop-privacy-policy-PrivacyPolicy__ctaButton {
  width: 238px;
  height: 46px;
  margin-left: 33%;
  margin-top: 15px;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__legal {
  font-size: 12px;
  color: #aaa;
  text-align: center;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__topPortion {
  width: 474px;
  height: 338px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 26px */
  padding-left: 20px;
  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__well_2 {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
  p{
    margin-bottom: 12px;
  }
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__topPortion_2 {
  /* padding: 20px; */
  width: 100%;
  height: auto;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__h2 {
  padding: 20px;
  width: 734px;
  height: auto;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0px;
  color: #000666;
}
.src-app-components-desktop-privacy-policy-PrivacyPolicy__Privacypage h3{
  font-size: 18px;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}
.src-app-components-desktop-privacy-policy-PrivacyPolicy__Privacypage p{
  strong{
    font-weight: 700;
    margin-right: 10px;
  }
}
.src-app-components-desktop-privacy-policy-PrivacyPolicy__well_3 {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
  p{
    margin-bottom: 12px;
  }
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__topPortion_3 {
  /* padding: 20px; */
  width: 100%;
  height: auto;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__well_4 {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
  p{
    margin-bottom: 12px;
  }
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__topPortion_4 {
  /* padding: 20px; */
  width: 100%;
  min-height: auto;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__well_5 {
  width: 100%;
  height: 235px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__topPortion_5 {
  padding: 20px;
  width: 100%;
  height: 233px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__linkColor {
  color: #000000;
}

.src-app-components-desktop-privacy-policy-PrivacyPolicy__Privacypage ul{
  padding-left: 26px !important;
    margin: 10px 0px !important;
  li{
    list-style: circle;
  }
}
.src-app-components-desktop-terms-service-TermsOfService__Termspage .src-app-components-desktop-common-PageContentContainer__pageContent {
  width: 95%!important;
}
.src-app-components-desktop-terms-service-TermsOfService__card {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: auto;
  left: 252px;
  top: 239px;
  background: #ffffff;
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
  /* overflow-y: scroll; */
  font-size: 16px;
}

.src-app-components-desktop-terms-service-TermsOfService__title {
  text-transform: uppercase;
}

.src-app-components-desktop-terms-service-TermsOfService__titleInside {
  font-size: 20px;
  margin: 5px 0 20px 0;
  text-align: center;
}

.src-app-components-desktop-terms-service-TermsOfService__container {
  width: 100%;
  line-height: 22px
}

.src-app-components-desktop-terms-service-TermsOfService__container img {
    width: 290px;
    height: 397.63px;
  }

.src-app-components-desktop-terms-service-TermsOfService__well {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: left;
  margin-bottom: 20px;
  padding: 16px;
 max-width: 100%
}

.src-app-components-desktop-terms-service-TermsOfService__well strong {
    color: #000;
  }

.src-app-components-desktop-terms-service-TermsOfService__well li {
    margin-left: 40px;
    list-style-type: circle;
  }

/* .topPart {
  display: flex;
} */

.src-app-components-desktop-terms-service-TermsOfService__ctaButton {
  width: 238px;
  height: 46px;
  margin-left: 33%;
  margin-top: 15px;
}

.src-app-components-desktop-terms-service-TermsOfService__legal {
  font-size: 12px;
  color: #aaa;
  text-align: center;
}

.src-app-components-desktop-terms-service-TermsOfService__topPortion {
  width: 474px;
  height: 338px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 26px */
  padding-left: 20px;
  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-terms-service-TermsOfService__well_2 {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px;
}

.src-app-components-desktop-terms-service-TermsOfService__topPortion_2 {
  /* padding: 20px; */
  width: 100%;
  height: auto;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
   max-width: 100%;
}

.src-app-components-desktop-terms-service-TermsOfService__h2 {
  padding: 20px;
  width: 734px;
  /* height: 24px; */
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  text-align: center;

  color: #000666;
}

.src-app-components-desktop-terms-service-TermsOfService__well_3 {
  width: 100%;
  height: 338px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
   max-width: 100%;
}

.src-app-components-desktop-terms-service-TermsOfService__topPortion_3 {
  padding: 20px;
  width: 100%;
  height: 233px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
   max-width: 100%;
}

.src-app-components-desktop-terms-service-TermsOfService__well_4 {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
   max-width: 100%;
}

.src-app-components-desktop-terms-service-TermsOfService__topPortion_4 {
  padding: 20px;
  width: 100%;
  min-height: auto;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  /* or 22px */
 max-width: 100%;
  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-terms-service-TermsOfService__well_5 {
  width: 100%;
  height: 235px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 4px;
   max-width: 100%;
}

.src-app-components-desktop-terms-service-TermsOfService__topPortion_5 {
  padding: 20px;
  width: 100%;
  height: 233px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 160%;
  max-width: 100%;
  /* or 22px */

  letter-spacing: 0.5px;

  color: #000666;
}

.src-app-components-desktop-terms-service-TermsOfService__linkColor {
  color: #000000;
}

.src-app-components-desktop-terms-service-TermsOfService__Termspage h3{
  font-size: 18px;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}
.src-app-components-desktop-terms-service-TermsOfService__Termspagep{
  strong{
    font-weight: 700;
    margin-right: 10px;
  }
  margin-bottom: 12px !important;
}
.src-app-components-mobile-common-StatusBarFill__statusBarFill {
  width: 100%;
  height: 15px;
  padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
  padding-top: env(safe-area-inset-top); /* iOS 11.2 */
  background-color: #000000;
}

.src-app-components-mobile-common-Screen__screen {
  height: 100%;
  /* overflow-y: hidden; */
}

.src-app-components-mobile-common-Page__page {
  margin: 0;
  background-color: #fff;
}

.src-app-components-mobile-common-PageContent__pageContent {
  height: 100%;
  background-color: #f7f7f7;
  overflow-y: scroll;
  scrollbar-width: none;
  /* height: auto !important; */
  /* -webkit-overflow-scrolling: touch; */
}

.src-app-components-mobile-navbar-Logo__logo {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.src-app-components-mobile-navbar-Logo__imageContainer {
  height: 100%;
  display: flex;
  align-items: center
}

.src-app-components-mobile-navbar-Logo__imageContainer img {
    width: 100px;
  }

.src-app-components-mobile-navbar-Logo__imageContainer.src-app-components-mobile-navbar-Logo__hasTitle img {
      position: relative;
      top: 1px;
    }

.src-app-components-mobile-navbar-Logo__text {
  text-transform: uppercase;
  margin-left: 10px;
}

.src-app-components-mobile-navbar-Navbar__navbar {
  width: 100%;
  height: 50px;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 30
}

.src-app-components-mobile-navbar-Navbar__navbar .fa, .src-app-components-mobile-navbar-Navbar__navbar .icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }

.src-app-components-mobile-navbar-Navbar__title {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.src-app-components-mobile-navbar-Navbar__item {
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.src-app-components-mobile-navbar-Navbar__itemLeft {
  left: 0;
}

.src-app-components-mobile-navbar-Navbar__itemRight {
  right: 0;
}

.src-app-components-mobile-tabbar-TabbarItem__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  font-size: 50px;
  color: #999;
  position: relative
}

.src-app-components-mobile-tabbar-TabbarItem__item a {
    display: flex;
  }

.src-app-components-mobile-tabbar-TabbarItem__item svg {
    width: 26px;
  }

.src-app-components-mobile-tabbar-TabbarItem__activeItem {
  color: #000000;

}


.src-app-components-mobile-tabbar-TabbarItem__activeItem::after {
  position: absolute;
  left: 50%;
  bottom: -0px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  transform: translate(-3px, 1px) !important;
  content: "";
  
}

.src-app-components-mobile-common-BottomBar__bottomBar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  padding-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
  padding-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
  display: flex;
  align-items: center;
  text-align: center;
  z-index: 4;
  color: #fff;
  background-color: #333;
}

.src-app-components-mobile-common-BottomBar__header {
  flex: 1;
  font-size: 16px;
}

.src-app-components-mobile-common-BottomBar__itemRight {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #000000
}

.src-app-components-mobile-common-BottomBar__itemRight.fa, .src-app-components-mobile-common-BottomBar__itemRight.icon {
    font-size: 32px;
  }

.src-app-components-mobile-tabbar-Tabbar__tabbar {
  justify-content: space-around;
  background-color: #f7f7f7;
  box-shadow: 0 -1px 1px 0 #dcdcdc;
}

.src-app-components-mobile-tabbar-Tabbar__boxItem {
  position: relative;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #ffffff;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.21176);
  margin-top: -45px
}

.src-app-components-mobile-tabbar-Tabbar__boxItem img {
    width: 45px;
    height: 45px;
  }

.src-app-components-mobile-aboutus-AboutUs__pageContent {
  padding: 20px;
}

.src-app-components-mobile-aboutus-AboutUs__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px
}

.src-app-components-mobile-aboutus-AboutUs__section:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-aboutus-AboutUs__section h2 {
    margin-bottom: 15px;
    font-size: 20px;
    color: #000;
  }

.src-app-components-mobile-aboutus-AboutUs__section img {
    width: 85%;
    margin-bottom: 15px;
  }

.src-app-components-mobile-aboutus-AboutUs__section p {
    width: 85%;
    margin-top: 0;
    text-align: center;
  }

.src-app-components-mobile-aboutus-AboutUs__link {
  color: #000000;
}

.src-app-components-mobile-aboutus-AboutUs__ctaButton {
  margin-top: 15px;
}

.src-app-components-mobile-common-PageHeader__pageHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: var(--mainColor); */
  background-color: #fff; 
  color: #000000;
  font-weight: 300;
  padding-bottom: 10px;
}

.src-app-components-mobile-common-DiamondCard__card {
  position: relative;
  padding: 0px;
  margin-bottom: 15px;
  background-color: #fff;
  height: 100%
}

.src-app-components-mobile-common-DiamondCard__card:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-common-DiamondCard__preview {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.src-app-components-mobile-common-DiamondCard__image {
  width: 100%;
  height: 260px;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  z-index: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto
}

.src-app-components-mobile-common-DiamondCard__image img {
    /* border-radius: 4px; */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative
  }

.src-app-components-mobile-common-DiamondCard__image img.src-app-components-mobile-common-DiamondCard__thumbnailImagenull {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
      -webkit-user-drag: none;
      -webkit-tap-highlight-color: transparent;
      pointer-events: auto;
    }

.src-app-components-mobile-common-DiamondCard__image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  pointer-events: none;
}

img.src-app-components-mobile-common-DiamondCard__settingIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 7px;
  bottom: 10px;
}

.src-app-components-mobile-common-DiamondCard__priceDistance {
  width: 100%;
  text-align: center;
}

.src-app-components-mobile-common-DiamondCard__price {
  padding: 0 0 0 0px;
}

.src-app-components-mobile-common-DiamondCard__callForPrice {
  font-size: 16px;
}

.src-app-components-mobile-common-DiamondCard__title {
  width: 100%;
  margin: 10px 0 5px 0;
  padding: 0 0 0 10px;
  text-align: center;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.src-app-components-mobile-common-DiamondCard__distance {
  font-family: 'Playfair Display Regular', serif;
  margin: 0;
  padding: 0 0 0 10px;
}

.src-app-components-mobile-common-DiamondCard__fourCs {
  padding: 10px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  justify-content: space-between
}

.src-app-components-mobile-common-DiamondCard__fourCs .src-app-components-mobile-common-DiamondCard__value {
    text-transform: uppercase;
  }

.src-app-components-mobile-common-DiamondCard__value {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-mobile-common-DiamondCard__label {
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
}

.src-app-components-mobile-common-DiamondCard__fancyColorValue {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  position: relative;
  top: -1px
}

.src-app-components-mobile-common-DiamondCard__fancyColorValue.black {
    background-color: #222;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.blue {
    background-color: #5598ac;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.brown {
    background-color: #946b3c;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.canary {
    background-color: #efd81c;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.champagne {
    background-color: #c0a880;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.cognac {
    background-color: #cea185;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.green {
    background-color: #85c070;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.grey {
    background-color: #999;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.orange {
    background-color: #f5a23b;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.pink {
    background-color: #feb7c6;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.purple {
    background-color: #af7bbb;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.red {
    background-color: #e15650;
  }

.src-app-components-mobile-common-DiamondCard__fancyColorValue.yellow {
    background-color: #f8e8a1;
  }

.src-app-components-mobile-common-DiamondCard__controls {
  padding: 15px 30px;
  display: flex;
  justify-content: space-between;
}

.src-app-components-mobile-common-DiamondCard__button {
  padding: 6px 0;
  width: 48%;
  font-weight: 300;
}

.src-app-components-mobile-common-DiamondCard__saveButton {
  color: #000000;
  background-color: #fff;
  border: 2px solid #dbdbdb
}

.src-app-components-mobile-common-DiamondCard__saveButton .icon {
    position: relative;
    top: 1px;
    left: -5px;
  }

.src-app-components-mobile-common-DiamondCard__saveButtonSaved {
  color: #000000;
}

.src-app-components-mobile-common-DiamondCard__inStockButton {
  padding: 6px 15px;
}

.src-app-components-mobile-common-DiamondCard__detailsButton {
  color: #000000;
  padding: 6px 15px;
}

.src-app-components-mobile-common-DiamondCard__finePrint {
  font-size: 8px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

.src-app-components-mobile-common-DiamondCard__ratingPanel {
  border-top: 1px solid #dbdbdb;
  padding: 8px 0;
  margin: 8px 0 0 10px;
}

.src-app-components-mobile-common-DiamondCard__rating {
  color: #f7d202;
}

.src-app-components-mobile-common-DiamondCard__notRated {
  color: #ddd;
}

.src-app-components-mobile-common-DiamondCard__ratingContainer {
  width: 100%;
  word-break: break-all;
}

.src-app-components-mobile-common-DiamondCard__ratingStars {
  padding-top: 2px;
  text-align: center;
}

.src-app-components-mobile-common-DiamondCard__retailerName {
  width: 100%;
  color: rgb(169, 169, 169);
  text-align: center;
  font-size: 12px;
  padding-bottom: 2px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*  */

/*  */

.src-app-components-mobile-common-DiamondCard__newrcont {
  .src-app-components-mobile-common-DiamondCard__newsrinfotitle {
    width: 100%;

    p {
      width: 100%;
      margin-top: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: 'Playfair Display Bold';
      font-weight: 800;
      font-size: 18px;
      white-space: nowrap;
    }
  }

  .src-app-components-mobile-common-DiamondCard__newsrinfodis {
    width: 100%;
    display: flex;

    p {
      strong {
        color: #000000;
        font-size: 14px;
        font-family: 'Playfair Display Bold';
        font-weight: 800;
      }

      span {
        font-size: 14px;
        color: #959595;
      }
    }
  }

  .src-app-components-mobile-common-DiamondCard__newsrinfobyreting {
    display: flex;
    justify-content: space-between;
    width: 100%;

    .src-app-components-mobile-common-DiamondCard__postby {
      span {
        font-size: 14px;
        color: #959595;
      }

      strong {
        color: #000000;
        font-size: 14px;
        font-family: 'Playfair Display Bold';
        font-weight: 800;
      }
    }
  }

  .src-app-components-mobile-common-DiamondCard__newsrinfostock {
    width: 100%;
    display: flex;
    justify-content: end;

    button {
      border-radius: 0px;
    }
  }

  .src-app-components-mobile-common-DiamondCard__newsrinfoprice {
    display: flex;
    width: 100%;

    .src-app-components-mobile-common-DiamondCard__price {
      span {
        color: #000000;
        font-size: 14px;
        font-family: 'Playfair Display Bold';
        font-weight: 800;
      }
    }

    span {
      font-size: 14px;
      color: #959595;
    }
  }
}

.src-app-components-mobile-common-DiamondCard__newsaveButton {
  /* appearance: none; */
  background-color: #e4ded4;
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  color: #fff !important;
  border: none;
  font-size: 18px;
  /* line-height: 51px; */
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.src-app-components-mobile-common-DiamondCard__newsaveButton img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-mobile-common-DiamondCard__product_view_wrap2 {
  display: flex;
  flex-wrap: wrap;
}

.src-app-components-mobile-common-DiamondCard__product_view_add {
  width: 100%;
  margin-bottom: 12px;
}

.src-app-components-mobile-common-DiamondCard__product_view_item {
  flex: 0 50%;
  border: 1px solid #ffffff;
  position: relative;
}

.src-app-components-mobile-common-DiamondCard__product_view_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.src-app-components-mobile-common-DiamondCard__thumbnailDescriptionContainer {
  padding: 0px 15px 15px;
  width: 100%;
}

.src-app-components-mobile-common-DiamondCard__thumbnailDescription {
  max-width: 100%;
  margin-top: 5px;
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  /* white-space: nowrap; */
  word-wrap: break-word;
}

.src-app-components-mobile-common-DiamondCard__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-mobile-common-DiamondCard__ratingContainer {
  width: 100%;
  display: flex;
  grid-gap: 5px;
}

.src-app-components-mobile-common-DiamondCard__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
}

.src-app-components-mobile-common-DiamondCard__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-common-DiamondCard__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
  flex-wrap: wrap;
}

.src-app-components-mobile-common-DiamondCard__priceContainer p {
  font-size: 14px;
  color: #959595;
}

.src-app-components-mobile-common-DiamondCard__priceContainer .src-app-components-mobile-common-DiamondCard__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-mobile-common-DiamondCard__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-mobile-common-DiamondCard__actionsContainer .src-app-components-mobile-common-DiamondCard__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-common-DiamondCard__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-common-DiamondCard__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-mobile-common-DiamondCard__actions button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-mobile-common-DiamondCard__retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.src-app-components-mobile-common-DiamondCard__retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.src-app-components-mobile-common-DiamondCard__showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-common-DiamondCard__clamp {
  -webkit-line-clamp: 3;
}

.src-app-components-mobile-common-DiamondCard__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-mobile-common-DiamondCard__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-mobile-common-DiamondCard__sellerImage {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.src-app-components-mobile-common-DiamondCard__detailsWrapper {
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

.src-app-components-mobile-common-DiamondCard__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-mobile-common-DiamondCard__product_view_wrap2 {
  display: flex;
  flex-wrap: wrap;
}

/* .product_view_add {
  flex: 50%;
} */

.src-app-components-mobile-common-DiamondCard__ratingContainer {
  word-break: break-all;
  color: #959595;
}

.src-app-components-mobile-box-Box__page {
  overflow-y: scroll;
  height: 100%;
  scrollbar-width: none;
}

.src-app-components-mobile-box-Box__header {
  padding: 0 20px 20px 20px;
  background: #fff url(/464c593011a3304f1b02127a134a7990.jpg) center 0 / 100%
    no-repeat;
  height: 55%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.src-app-components-mobile-box-Box__ringboxButton {
  position: absolute;
  top: 2%;
  left: 5%;
  background: none;
  border: none
}

.src-app-components-mobile-box-Box__ringboxButton img {
    width: 100px;
    height: 100px;
  }

.src-app-components-mobile-box-Box__headerContent {
  width: 100%;
  color: #000000;
}

.src-app-components-mobile-box-Box__headerTitleContainer {
  width: 100%;
  padding: 15px 0;
  display: flex;
  align-items: center;
}

.src-app-components-mobile-box-Box__title {
  margin-left: 50px
}

.src-app-components-mobile-box-Box__title h2 {
    font-family: 'Playfair Display Bold', serif;
    color: #333;
    background: rgba(255, 255, 255, 0.9);
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 4px;
  }

.src-app-components-mobile-box-Box__title p {
    font-size: 14px;
    margin: 5px 0 0 0;
    background: rgba(255, 255, 255, 0.9);
        padding-bottom: 4px;
    padding-left: 4px;
    margin-top: 0;
    padding-right: 4px;
  }

.src-app-components-mobile-box-Box__title span {
    color: #000000;
  }

.src-app-components-mobile-box-Box__badge {
  width: 17.9104478%;
}

.src-app-components-mobile-box-Box__shareButton {
  width: 100%;
}

.src-app-components-mobile-box-Box__pageContent {
  height: auto;
  min-height: calc(45% - 150px);
  margin-bottom: 100px;
  position: relative;
  padding: 20px 20px 40px 20px;
}

.src-app-components-mobile-viewing-Form__pageContent {
  padding: 20px;
}

.src-app-components-mobile-viewing-Form__bottomBar .bottomBarHeader {
    text-transform: uppercase;
  }

.src-app-components-mobile-viewing-Form__well {
  margin-top: 15px
}

.src-app-components-mobile-viewing-Form__well p {
    margin: 0 0 15px 0;
  }

.src-app-components-mobile-viewing-Form__form {
  margin-top: 20px;
}

.src-app-components-mobile-viewing-Form__actions {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-mobile-viewing-Form__button {
  width: 100%;
  height: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.src-app-components-mobile-viewing-Form__submitButton {
  background-color: #000000;
  color: #fff
}

.src-app-components-mobile-viewing-Form__submitButton .icon {
    margin-right: 5px;
    font-size: 35px;
    color: #000000;
  }

.src-app-components-mobile-viewing-Form__cancelButton {
  margin-top: 10px;
  color: #000000;
}

.src-app-components-mobile-viewing-Form__modalHeading {
  font-size: 1.2em;
  font-weight: 600;
}

.src-app-components-mobile-viewing-Form__chatFormModal {
  width: 75%;
}

.src-app-components-mobile-viewing-Card__card {
  background-color: #fff;
  margin-bottom: 20px;
}

.src-app-components-mobile-viewing-Card__storeName {
  font-weight: 300;
  text-align: center;
  color: #000000;
  margin-bottom: 5px;
}

.src-app-components-mobile-viewing-Card__openHourContainer {
  width: 100%;
  text-align: center;
}

.src-app-components-mobile-viewing-Card__openHour {
  display: inline-block;
  border-radius: 2px;
  background-color: #f4f4f4;
  padding: 10px 10px;
  margin-top: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.src-app-components-mobile-viewing-Card__diamond {
  position: static;
  position: initial;
  background: none;
  margin-top: 10px
}

.src-app-components-mobile-viewing-Card__diamond img {
    width: 100%;
    height: auto;
    height: initial;
  }

.src-app-components-mobile-viewing-Card__diamond .title {
    display: none;
  }

.src-app-components-mobile-viewing-Card__diamond .desc {
    white-space: normal;
    text-overflow: initial;
    overflow-x: auto;
  }

.src-app-components-mobile-viewing-Card__diamond .price {
    color: #000000;
  }

.src-app-components-mobile-viewing-Card__address {
  text-align: center;
  margin-top: 15px;
}

.src-app-components-mobile-viewing-Card__addressLine {
  margin: 5px 0;
}

.src-app-components-mobile-viewing-Card__actions {
  margin-top: 15px;
}

.src-app-components-mobile-viewing-Card__primaryButton {
  width: 100%;
  margin-bottom: 10px;
}

.src-app-components-mobile-viewing-Card__removeButton {
  width: 100%;
  margin-bottom: 10px;
  font-weight: 400;
  color: #000000;
}

.src-app-components-mobile-common-PromotedInventoryCard__thumbnailCard {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-bottom: 20px;
  background-color: #fff;
}
.src-app-components-mobile-common-PromotedInventoryCard__overflow {
  max-height: 200px;
  overflow-y: hidden;
  flex: 1;
}
.src-app-components-mobile-common-PromotedInventoryCard__thumbnailDescriptionContainer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 10px 0 10px;
  margin-top: 10px;
}
.src-app-components-mobile-common-PromotedInventoryCard__thumbnailImage {
  width: 100%;
  border-radius: 4px 4px 0 0;
}
.src-app-components-mobile-common-PromotedInventoryCard__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}
.src-app-components-mobile-common-PromotedInventoryCard__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}
.src-app-components-mobile-common-PromotedInventoryCard__thumbnailDescription {
  margin-top: 5px;
  font-weight: 400;
  color: #000000;
}

.src-app-components-mobile-common-PromotedInventoryCard__ratingsPanel {
  width: 90%;
  padding: 0 10px 0 10px;
  display: flex;
  justify-content: center
}

.src-app-components-mobile-common-PromotedInventoryCard__ratingsPanel .src-app-components-mobile-common-PromotedInventoryCard__value {
    text-transform: uppercase;
  }
.src-app-components-mobile-common-PromotedInventoryCard__rating {
  color: #f7d202;
}
.src-app-components-mobile-common-PromotedInventoryCard__notRated {
  color: #ddd;
}
.src-app-components-mobile-common-PromotedInventoryCard__ratingContainer {
  width: 100%;
  border-top: 1px solid #dbdbdb;
  padding: 10px 0 20px;
  word-break: break-all;
}
.src-app-components-mobile-common-PromotedInventoryCard__ratingStars {
  padding-top: 2px;
  text-align: center;
}
.src-app-components-mobile-common-PromotedInventoryCard__retailerName {
  width: 100%;
  color: rgb(169, 169, 169);
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-mobile-common-PromotedInventoryCard__price {
  padding: 0 0 0 10px;
  margin-right: 2px;
  color: #000000;
  font-size: 18px;
}

.src-app-components-mobile-common-PromotedInventoryCard__currency {
  color: #a9a9a9;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-mobile-common-PromotedInventoryCard__distance {
  margin: 4px 10px 14px 18px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 500;
  background-color: #000000;
  color: #fff;
  border-radius: 4px;
  text-align: center;
}

.src-app-components-mobile-deals-Deals__header {
  padding: 15px 20px;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
}

.src-app-components-mobile-deals-Deals__value {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-mobile-deals-Deals__label {
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
}

.src-app-components-mobile-deals-Deals__cityPrice {
  display: flex;
  align-items: baseline;
}

.src-app-components-mobile-deals-Deals__location {
  flex-grow: 1;
  margin-bottom: 10px;
  font-size: 16px
}

.src-app-components-mobile-deals-Deals__location .icon {
    margin-right: 5px;
  }

.src-app-components-mobile-deals-Deals__location h2 {
    display: inline;
    font-size: 16px;
    color: #000000;
  }

.src-app-components-mobile-deals-Deals__distance {
  font-size: 12px;
  text-align: right;
}

.src-app-components-mobile-deals-Deals__price {
  font-size: 12px;
}

.src-app-components-mobile-deals-Deals__shape {
  text-transform: uppercase;
}

.src-app-components-mobile-deals-Deals__criteriaContainer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.src-app-components-mobile-deals-Deals__criteria {
  width: 50%
}

.src-app-components-mobile-deals-Deals__criteria:nth-of-type(2n) {
    text-align: right;
  }

.src-app-components-mobile-deals-Deals__filterButton {
  width: 100%;
  margin-top: 15px;
  background-color: #000000;
  font-weight: 300;
}

.src-app-components-mobile-deals-Deals__narrowDistanceButton {
  margin: 5px 0;
  font-weight: 500;
  font-size: 12px;
  background-color: #e8e8e8;
  color: #000000;
}

.src-app-components-mobile-deals-Deals__dropdownFilters {
  margin-top: 10px;
}

.src-app-components-mobile-deals-Deals__bottomFilters {
  border-top: 1px solid #dbdbdb;
  padding-top: 10px;
  margin: 10px 0 5px 0;
}

.src-app-components-mobile-deals-Deals__dropdownFilter {
  margin-bottom: 5px
}

.src-app-components-mobile-deals-Deals__dropdownFilter:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-deals-Deals__dropdownFilter .label {
    font-size: 12px;
  }

.src-app-components-mobile-deals-Deals__resultRange {
  text-align: center;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb
}

.src-app-components-mobile-deals-Deals__resultRange .src-app-components-mobile-deals-Deals__label {
    margin-right: 3px;
  }

.page .src-app-components-mobile-deals-Deals__resultRange {
    padding: 10px 0
}

.src-app-components-mobile-deals-Deals__sep {
  display: inline-block;
  margin: 0 5px;
  font-weight: 100;
}

.src-app-components-mobile-deals-Deals__resultList {
  padding: 20px;
}

.src-app-components-mobile-deals-Deals__bottomBar {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  align-items: center;
  font-size: 16px
}

.src-app-components-mobile-deals-Deals__bottomBar .icon {
    font-size: 36px;
    color: #000000;
    position: relative;
    top: 1px;
  }

.src-app-components-mobile-deals-Deals__algolia {
  margin-top: 15px;
  display: flex;
  justify-content: center
}

.src-app-components-mobile-deals-Deals__algolia img {
    width: 120px;
  }

.src-app-components-mobile-deals-Deals__searchBar > div {
  padding: 0px 0px 20px 0px;
  display: flex;
  position: relative;
  justify-content: center;
}

.src-app-components-mobile-deals-Deals__searching {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 14px
}

.src-app-components-mobile-deals-Deals__searching span {
    font-size: 12px;
  }

.src-app-components-mobile-deals-Deals__searchKeywords {
  display: inline;
  float: right;
  font-weight: bold;
  width: 60%;
  text-align: right;
}

.src-app-components-mobile-deals-Deals__searchKeywords i {
  font-size: 10px;
  margin-left: 6px;
  cursor: pointer;
}

.src-app-components-mobile-deals-Deals__responsiveAdLabel {
  width: 100%;
  color: #aaa;
  text-align: center;
  letter-spacing: 1px;
  margin: 0 0 10px 0;
}

.src-app-components-mobile-deals-Deals__responsiveAdHolder {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 4px;
  margin: 0 0 15px 0;
}

.src-app-components-mobile-deals-Deals__responsiveAd {
  width: 100%;
  height: 300px;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #aaa;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px;
}

a.src-app-components-mobile-deals-Deals__responsiveAdLink {
  position: absolute;
  top: 0;
  width: 100%;
  height: 300px;
  border: 0;
}

.src-app-components-mobile-deals-Deals__filtersBtn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 6px;
  padding: 6px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 15px;
}

.src-app-components-mobile-deals-Deals__searchResultNum {
  background-color: #000000;
  color: #fff;
  text-align: center;
  padding-bottom: 15px;
}

.src-app-components-mobile-deals-Deals__gridDiamondContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width:100%;
}

.src-app-components-mobile-deals-Deals__gridDiamondCard {
  width: calc((100% - 10px) / 2);
  display: flex
}

.src-app-components-mobile-deals-Deals__gridDiamondCard .src-app-components-mobile-deals-Deals__overflow {
    max-height: 250px;
    overflow-y: hidden;
  }

@media only screen and (max-width: 767px) {
  .src-app-components-mobile-deals-Deals__gridDiamondCard {
    margin-bottom: 10px;
  }
  .src-app-components-mobile-deals-Deals__resultList {
    padding: 15px;
  }
  .src-app-components-mobile-deals-Deals__header {
    padding: 15px 15px;

  }
}



  .src-app-components-mobile-common-GalleryCarousel__galleryCarousel .slick-dots {
    bottom: 30px
  }

.src-app-components-mobile-common-GalleryCarousel__galleryCarousel .slick-dots button:before {
      font-size: 12px;
      color: #ccc;
      opacity: 0.75;
    }

.src-app-components-mobile-common-GalleryCarousel__galleryCarousel .slick-dots .slick-active button:before {
      opacity: 1;
      color: #000000;
    }

.src-app-components-mobile-common-GalleryCarousel__galleryCarousel .slick-prev {
    left: 0;
    opacity: 0;
    background: #000;
    width: 30px;
    height: 30px;
  }

.src-app-components-mobile-common-GalleryCarousel__galleryCarousel .slick-next {
    right: 0;
    opacity: 0;
    background: #000;
    width: 30px;
    height: 30px;
  }

.src-app-components-mobile-common-GalleryCarousel__item {
  overflow: hidden;
  padding: 0 1px;
  box-sizing: border-box;
}

.src-app-components-mobile-common-GalleryCarousel__image {
  position: relative;
}

.src-app-components-mobile-common-GalleryCarousel__title {
  display: inline-block;
  width: 60%;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
}

.src-app-components-mobile-common-GalleryCarousel__desc {
  display: inline-block;
  width: 80%;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
}

.src-app-components-mobile-common-GalleryCarousel__videoItem {
  width: 100%;
  height: 300px !important;
}

.src-app-components-mobile-common-RetailerHeader__retailerHeader {
  padding: 15px 20px;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.src-app-components-mobile-common-RetailerHeader__retailerHeader > p {
	margin-bottom: 5px;
}

.src-app-components-mobile-common-RetailerHeader__forSaleContainer {
	margin-top: 6px;
}

.src-app-components-mobile-common-RetailerHeader__saleFrom {
	font-size: 10px;
    margin: 0;
}

.src-app-components-mobile-common-RetailerHeader__retailerName {
	font-size: 16px;
    margin: 5px 0;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
.src-app-components-mobile-common-RetailerHeader__countNumber {
	font-weight: bold;
}

.src-app-components-mobile-common-RetailerHeader__itemsCount {
	padding: 8px;
	border: 1px solid #eee;
	text-align: center;
	border-radius: 6px;
}
.src-app-components-mobile-common-RetailerHeader__itemsCount > p {
	margin: 0;
}
.src-app-components-mobile-diamond-AdditionalInfo__item {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 5px 0;
}

.src-app-components-mobile-diamond-AdditionalInfo__label {
  text-transform: uppercase;
  width: 50%;
  text-align: left;
}

.src-app-components-mobile-diamond-AdditionalInfo__value {
  flex-grow: 1;
  text-align: center;
  color: #333;
}

.src-app-components-mobile-diamond-Profile__pageContent {
  position: relative;
  padding: 0 0 20px 0;
  background-color: #f7f7f7;
}

.src-app-components-mobile-diamond-Profile__content {
  /* padding: 0 20px;
  position: relative;
  top: -15px; */

  padding: 20 20px 0;
  position: relative;
  top: 0px;
}

.src-app-components-mobile-diamond-Profile__contentWithoutGallery {
  padding: 20px 20px 0 20px;
}

.src-app-components-mobile-diamond-Profile__card {
  margin-bottom: 20px;
  background-color: #fff
}

.src-app-components-mobile-diamond-Profile__card section h4 {
    margin: 20px 0 10px 0;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
  }

.src-app-components-mobile-diamond-Profile__summary {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 5px;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box
}

.src-app-components-mobile-diamond-Profile__summary span {
    margin-left: 5px;
  }

.page .src-app-components-mobile-diamond-Profile__gallery {
    padding: 0
}

.src-app-components-mobile-diamond-Profile__gallery .slick-list {
    z-index: 1;
  }

.src-app-components-mobile-diamond-Profile__titleContainer {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px
}

.page .src-app-components-mobile-diamond-Profile__titleContainer {
    padding: 0
}

.src-app-components-mobile-diamond-Profile__title {
  font-size: 20px;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.src-app-components-mobile-diamond-Profile__subtitle {
  font-size: 10px;
}

.src-app-components-mobile-diamond-Profile__price {
  margin-top: 0;
}

.src-app-components-mobile-diamond-Profile__callForPrice {
  text-transform: none;
  font-size: 18px;
}

.src-app-components-mobile-diamond-Profile__plusTax {
  font-size: 12px;
  text-transform: lowercase;
}

.src-app-components-mobile-diamond-Profile__availability {
  font-size: 10px;
  padding: 6px 10px;
  background-color: #f1f1f1;
  color: #000;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  margin: 5px auto;
  margin-bottom: 10px;
}

.src-app-components-mobile-diamond-Profile__sampleImageContainer {
  position: relative;
}

.src-app-components-mobile-diamond-Profile__sampleImage {
  width: 130px;
  border-radius: 4px 4px 0 0;
  margin: 20px 0 -3px 0;
}

.src-app-components-mobile-diamond-Profile__settingIcon {
  width: 35px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.src-app-components-mobile-diamond-Profile__sampleImageLabel {
  font-size: 10px;
  color: #000000;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.src-app-components-mobile-diamond-Profile__ringDesc h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
  }

.src-app-components-mobile-diamond-Profile__ringDesc .src-app-components-mobile-diamond-Profile__desc {
    margin-top: 5px;
  }

.src-app-components-mobile-diamond-Profile__ringDesc p {
    margin: 5px 0 15px 0;
    font-size: 12px;
    text-align: center;
  }

.src-app-components-mobile-diamond-Profile__desc {
  font-size: 12px;
  text-align: center;
  margin: 15px 0;
}

.src-app-components-mobile-diamond-Profile__viewingDesc {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 20px
}

.src-app-components-mobile-diamond-Profile__viewingDesc em {
    color: #000000;
    font-style: normal;
    font-weight: 400;
  }

.src-app-components-mobile-diamond-Profile__button {
  width: 100%;
  margin: 15px 0;
  padding: 10px;
  color: #000000;
  font-weight: 300;
}

.src-app-components-mobile-diamond-Profile__contactButton {
  display: flex;
  margin: 20px 0 0 0;
  padding: 2px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: 2px solid #dbdbdb
}

.src-app-components-mobile-diamond-Profile__contactButton .icon {
    position: relative;
    color: #000000;
    top: 1px;
    left: -5px;
    font-size: 36px;
  }

.src-app-components-mobile-diamond-Profile__storeCard {
  padding: 20px 0 0 0;
  background-color: #fff;
  margin-top: 20px
}

.src-app-components-mobile-diamond-Profile__storeCard section {
    padding: 0 20px;
  }

.src-app-components-mobile-diamond-Profile__storeCard .src-app-components-mobile-diamond-Profile__button {
    margin-top: 0;
  }

.src-app-components-mobile-diamond-Profile__storeCard .src-app-components-mobile-diamond-Profile__title {
    color: #000000;
  }

.src-app-components-mobile-diamond-Profile__address {
  font-weight: 300;
  font-size: 12px;
  text-align: center;
  margin-bottom: 15px;
}

.src-app-components-mobile-diamond-Profile__addressLine {
  margin: 3px 0;
}

.src-app-components-mobile-diamond-Profile__mapContainer {
  position: relative;
  width: 100%;
  height: 185px;
}

.src-app-components-mobile-diamond-Profile__mapButton {
  box-shadow: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: 20px;
  right: 20px;
}

.src-app-components-mobile-diamond-Profile__bottomBar .icon {
    font-size: 38px;
  }

.src-app-components-mobile-diamond-Profile__searchBar {
  padding: 15px 20px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}

.src-app-components-mobile-diamond-Profile__searchBar > div {
  display: flex;
  position: relative;
  justify-content: center;
}

.src-app-components-mobile-diamond-Profile__similarItemsCard {
  margin: 20px 0;
}

.src-app-components-mobile-diamond-Profile__imageThumbnails {
  width: 55%;
  margin-top: 10px;
  margin-left: 8px;
  border: 1% solid #eee;
  border-radius: 1%;
  height: 40%;
}

/*  */
.src-app-components-mobile-diamond-Profile__sliderDes_pic {
  position: relative;
  width: 100%;
  overflow: auto;
}
.src-app-components-mobile-diamond-Profile__sliderDes_pic::after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 0;
  background: linear-gradient(
    180deg,
    rgb(2 0 36 / 0%) 0%,
    rgb(255 255 255/30%) 95%
  );
}
.src-app-components-mobile-diamond-Profile__sliderDescription {
  position: relative;
  padding-bottom: 60px;
  background: #fff;
}

.src-app-components-mobile-diamond-Profile__sliderDescription .src-app-components-mobile-diamond-Profile__thumbnailDescriptionContainer {
  flex: 1;
  padding: 40px 20px 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
}
.src-app-components-mobile-diamond-Profile__sliderDescription .src-app-components-mobile-diamond-Profile__retailerShortDescription {
  color: #777777;
}
.src-app-components-mobile-diamond-Profile__ratingsPanel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.src-app-components-mobile-diamond-Profile__ratingsPanel .src-app-components-mobile-diamond-Profile__value {
    text-transform: uppercase;
  }

.src-app-components-mobile-diamond-Profile__rating {
  color: #ffa043;
}

.src-app-components-mobile-diamond-Profile__notRated {
  color: #ddd;
}

.src-app-components-mobile-diamond-Profile__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-mobile-diamond-Profile__ratingWrapper p {
  font-family: 'Playfair Display Bold';
  font-size: 0.9rem;
}

.src-app-components-mobile-diamond-Profile__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-mobile-diamond-Profile__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-mobile-diamond-Profile__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
}

.src-app-components-mobile-diamond-Profile__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-mobile-diamond-Profile__ratingContainer {
  width: 100%;
  display: flex;
  grid-gap: 5px;
  word-break: break-all;
}

.src-app-components-mobile-diamond-Profile__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
  word-break: break-all;
}

.src-app-components-mobile-diamond-Profile__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-diamond-Profile__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
}

.src-app-components-mobile-diamond-Profile__priceContainer p {
  font-size: 14px;
  color: #959595;
  margin: 0px;
}

.src-app-components-mobile-diamond-Profile__priceContainer .src-app-components-mobile-diamond-Profile__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Futura Regular';
  font-weight: 800;
}

.src-app-components-mobile-diamond-Profile__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-mobile-diamond-Profile__actionsContainer .src-app-components-mobile-diamond-Profile__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-diamond-Profile__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-diamond-Profile__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-mobile-diamond-Profile__actions button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-mobile-diamond-Profile__retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.src-app-components-mobile-diamond-Profile__retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.src-app-components-mobile-diamond-Profile__showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-diamond-Profile__clamp {
  -webkit-line-clamp: 3;
}

.src-app-components-mobile-diamond-Profile__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-mobile-diamond-Profile__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-mobile-diamond-Profile__sellerImage {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.src-app-components-mobile-diamond-Profile__detailsWrapper {
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

/* Overlay */
.src-app-components-mobile-share-sharePopup__minOverlay {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 30px;
  -webkit-overflow-scrolling: touch;
}

/* Modal Dialog Comment */
.src-app-components-mobile-share-sharePopup__modaldilogComment {
  margin: 0 auto;
  display: flex;
  width: 100%;
  height: 60vh;
  margin-top: 1vh;
  align-items: center;
  justify-content: center;
  transform: translateZ(0);
}

/* Comment Wrap */
.src-app-components-mobile-share-sharePopup__Commentwrap {
  width: 100%;
  max-width: 500px;
  position: relative;
}

/* Comment Body */
.src-app-components-mobile-share-sharePopup__CommentBbody {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Attach Icon */
.src-app-components-mobile-share-sharePopup__attachIcon {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  z-index: 999;
  -webkit-tap-highlight-color: transparent;
}

/* Set Max Width Height */
.src-app-components-mobile-share-sharePopup__setmaxwh {
  max-width: 80%;
  max-height: 150px;
}

/* Emoji Picker */
.src-app-components-mobile-share-sharePopup__fchattext em-emoji-picker {
  position: absolute;
  top: -449px;
}

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

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #777;
}

.src-app-components-mobile-home-ratingReview-ViewReview__minOverlay {
    /* height: 100%;
    width: 100%; */
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.5);
    left: 11%;

    .src-app-components-mobile-home-ratingReview-ViewReview__modaldilogComment {
        /* margin: 0 auto;
        display: block;
        width: 1080px;
        height: 98vh;
        margin-top: 1vh;
        background-color: #fff; */
        margin: 0 auto;
        display: block;
        width: 90%;
        height: 70vh;
        margin-top: 1vh;
        background-color: #fff;
        margin-left: 2%;

        .src-app-components-mobile-home-ratingReview-ViewReview__Commentwrap {
            width: 100%;
            height: 100%;

            .src-app-components-mobile-home-ratingReview-ViewReview__CommentBbody {
                display: flex;
                justify-content: space-between;
                grid-gap: 10px;
                height: 100%;

                .src-app-components-mobile-home-ratingReview-ViewReview__CommentwrapLeft {
                    width: 400px;
                    height: 100%;
                    overflow: auto;
                    padding: 4px;

                    .src-app-components-mobile-home-ratingReview-ViewReview__addstylecarousel {
                        position: absolute !important;
                        top: 0;
                        width: 100%;
                        z-index: 0;
                        left: 0;
                        height: 97vh;
                        overflow: hidden;

                        img {
                            height: 97vh;
                            width: 100% !important;
                            -o-object-fit: cover !important;
                               object-fit: cover !important;
                        }
                    }

                    .src-app-components-mobile-home-ratingReview-ViewReview__productImg {
                        height: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                        position: relative;

                        .src-app-components-mobile-home-ratingReview-ViewReview__cpTop {
                            font-family: 'Playfair Display Bold';
                            background-color: rgba(255, 255, 255, 0.80);
                            text-align: center;
                            padding: 10px 16px;
                            z-index: 99;

                            h2 {
                                font-size: 18px;
                                padding: 0px 30px;
                            }

                            p {
                                font-size: 16px;
                            }

                            .src-app-components-mobile-home-ratingReview-ViewReview__ratingandprice {
                                display: flex;
                                align-items: center;
                                width: 100%;
                                justify-content: center;
                                grid-gap: 10px;

                                .src-app-components-mobile-home-ratingReview-ViewReview__price {
                                    font-size: 14px;
                                }

                                .src-app-components-mobile-home-ratingReview-ViewReview__reting {
                                    font-size: 14px;
                                }
                            }
                        }

                        .src-app-components-mobile-home-ratingReview-ViewReview__cpBottom {
                            z-index: 99;
                            font-size: 20px;
                            font-family: 'Futura Bold';
                            background: #000;
                            color: #fff;
                            text-align: center;
                            padding: 16px;
                        }
                    }

                }

                .src-app-components-mobile-home-ratingReview-ViewReview__CommentwrapRight {
                    width: calc(100% - 400px);
                    height: 100%;

                    .src-app-components-mobile-home-ratingReview-ViewReview__chatbox {
                        padding: 16px;
                        background-color: #fff;
                        border-radius: 0px;
                        height: 100%;
                        width: 100%;
                        overflow: auto;

                        .src-app-components-mobile-home-ratingReview-ViewReview__Commentclose {
                            text-align: right;
                            display: block;
                            width: 100%;

                            img {
                                cursor: pointer;
                            }
                        }

                        .src-app-components-mobile-home-ratingReview-ViewReview__chatboxtop {
                            width: 100%;
                            margin-bottom: 16px;
                            border-bottom: 1px solid #ccc;
                            padding: 26px 0px;

                            ul {
                                margin: 0px;
                                padding: 0px;

                                li {
                                    display: inline-block;
                                    margin-right: 8px;
                                    width: 30px;
                                    height: 30px;
                                    border-radius: 50%;
                                    background-color: #F6F6F6;
                                    text-align: center;
                                    cursor: pointer;
                                    line-height: 34px
                                }

                                    li.src-app-components-mobile-home-ratingReview-ViewReview__active {
                                        background-color: #84818A;
                                    }
                            }

                            h1 {
                                font-size: 20px;
                                font-family: 'Playfair Display Bold';

                                span {
                                    font-family: 'Playfair Display Regular';
                                }
                            }
                        }

                        /* this comment is for test purpose only */
                        .src-app-components-mobile-home-ratingReview-ViewReview__chatboxbopdy {

                            height: calc(100% - 260px);
                            width: 100%;
                            overflow: hidden;
                            display: flex;
                            flex-direction: column;



                            .src-app-components-mobile-home-ratingReview-ViewReview__listofchat {
                                width: 100%;
                                display: flex;
                                margin-bottom: 20px;
                                position: relative;

                                .src-app-components-mobile-home-ratingReview-ViewReview__lischattitem {
                                    display: flex;
                                    padding-bottom: 16px;
                                    justify-content: space-between;
                                    width: 100%;
                                    padding-right: 12px;

                                    .src-app-components-mobile-home-ratingReview-ViewReview__listitemleft {
                                        width: 70px;

                                        img {
                                            width: 50px;
                                            height: 50px;
                                            -o-object-fit: cover;
                                               object-fit: cover;
                                            border-radius: 50%;
                                        }
                                    }

                                    .src-app-components-mobile-home-ratingReview-ViewReview__listitemcenter {
                                        width: calc(100% - 220px);

                                        p {
                                            font-family: 'Futura Regular';

                                            strong {
                                                font-family: 'Futura Bold';
                                            }
                                        }

                                        .src-app-components-mobile-home-ratingReview-ViewReview__listitemrighttop {
                                            display: flex;
                                            justify-content: space-between;
                                            align-items: center;
                                            height: 50px;

                                            h3 {
                                                font-family: 'Playfair Display Regular';
                                            }

                                            span {
                                                font-family: 'Futura Regular';
                                                padding-right: 16px;
                                            }
                                        }

                                        .src-app-components-mobile-home-ratingReview-ViewReview__listitemrightbottom {
                                            p {
                                                font-family: 'Futura Regular';
                                                font-size: 14px;
                                            }
                                        }
                                    }

                                    .src-app-components-mobile-home-ratingReview-ViewReview__listitemright {
                                        width: 150px;
                                        color: #D9D9D9;
                                        font-family: 'Futura Regular';
                                        text-align: right;
                                    }
                                }




                            }
                        }

                        .src-app-components-mobile-home-ratingReview-ViewReview__viewmorechat {
                            width: 100%;
                            display: block;
                            margin: 20px 0px;
                            text-align: center;

                            .src-app-components-mobile-home-ratingReview-ViewReview__viewmore {
                                border: 2px solid #84818A;
                                color: #84818A;
                                font-family: 'Futura Bold';
                                padding: 8px 20px;
                                background-color: #fff;
                                cursor: pointer

                            }

                                .src-app-components-mobile-home-ratingReview-ViewReview__viewmore:hover {
                                    background-color: #84818A;
                                    color: #fff;
                                }
                        }

                        .src-app-components-mobile-home-ratingReview-ViewReview__chatboxfooter {
                            display: flex;
                            width: 100%;
                            grid-gap: 8px;
                            justify-content: space-between;
                            align-items: center;
                            box-shadow: 0px 4px 10px #d9d9d9;
                            padding: 6px;

                            .src-app-components-mobile-home-ratingReview-ViewReview__fchatprofile {
                                width: 70px;
                                display: contents;

                                img {
                                    width: 40px;
                                    height: 40px;
                                    border-radius: 50%;

                                }
                            }

                            .src-app-components-mobile-home-ratingReview-ViewReview__fchattext {
                                width: calc(100% - 200px);
                                position: relative;

                                .src-app-components-mobile-home-ratingReview-ViewReview__fchatUploadImage {
                                    position: absolute;
                                    height: 200px;
                                    width: 200px;
                                    top: -220px;
                                    padding: 10px;
                                    border-radius: 10px;
                                    background-color: #f2f2f2;

                                    img.src-app-components-mobile-home-ratingReview-ViewReview__chatImage {
                                        width: 100%;
                                        height: 100%;
                                        -o-object-fit: contain;
                                           object-fit: contain;

                                    }

                                    img.src-app-components-mobile-home-ratingReview-ViewReview__closeIcon {
                                        position: absolute;
                                        z-index: 99;
                                        top: 8px;
                                        right: 8px;
                                        cursor: pointer;

                                    }
                                }

                                input {
                                    border: none;
                                    width: 100%;
                                    font-size: 16px;
                                    font-family: 'Futura Regular';
                                    color: #84818A;
                                    outline: none !important;
                                    border: none;
                                }
                            }

                            .src-app-components-mobile-home-ratingReview-ViewReview__fchatbutton {
                                display: flex;
                                width: 175px;
                                align-items: center;

                                Button {
                                    background-color: transparent;
                                    padding: 0px;
                                    border-left: 1px solid #D9D9D9;
                                    border-radius: 0px;
                                    padding: 0px 16px;
                                    height: 40px
                                }

                                    Button:nth-child(1) {
                                        border: none;
                                    }
                            }
                        }
                    }
                }
            }
        }
    }
}

.src-app-components-mobile-home-ratingReview-ViewReview__setmaxwh {
    max-width: 100%;
    max-height: 150px;
}

.src-app-components-mobile-home-ratingReview-ViewReview__fchattext em-emoji-picker {
    position: absolute;
    top: -449px;
}


::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px grey; */
    background: #F1F1F1;
    border-radius: 10px;
}

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

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

.src-app-components-mobile-home-ratingReview-ViewReview__Commentclose {
    text-align: right;
    padding-right: 20px;
    margin-top: -25px;
    display: flex;
    justify-content: end;
}

.src-app-components-mobile-home-ratingReview-ViewReview__RatingReviews {
    width: 100%;
    padding: 50px 0px;

    .src-app-components-mobile-home-ratingReview-ViewReview__RatingReviewsheading {
        width: 100%;
        text-align: center;
        position: relative;

        .src-app-components-mobile-home-ratingReview-ViewReview__heading {
            font-size: 20px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 3px;
            display: block;
            font-family: 'Playfair Display Bold';


        }


    }


}

.src-app-components-mobile-home-ratingReview-ViewReview__RatingReviewsbottom {
    width: 100%;
    padding: 10px;

    .src-app-components-mobile-home-ratingReview-ViewReview__thumbnailContainer {
        width: 100%;
    }
}

.src-app-components-mobile-home-ratingReview-ViewReview__reviewcard {
    border: 1px solid #f1f1f1;
    width: 99%;
    padding: 20px;
    border-radius: 10px;

    .src-app-components-mobile-home-ratingReview-ViewReview__reviewcardtop {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-family: 'Playfair Display Bold';
        color: #494949;
        margin-bottom: 16px;
    }

    .src-app-components-mobile-home-ratingReview-ViewReview__reviewcardconten {
        padding-right: 10px;
        margin-bottom: 16px
    }

        .src-app-components-mobile-home-ratingReview-ViewReview__reviewcardconten p {
            font-size: 16px;
            font-family: 'Playfair Display Bold';
            color: #84818A;
        }

    .src-app-components-mobile-home-ratingReview-ViewReview__reviewcardbottom {
        display: flex;
        justify-content: space-between;
        align-items: baseline;

        .src-app-components-mobile-home-ratingReview-ViewReview__reviewcardbottomleft {
            display: flex;
            grid-gap: 10px;

            img {
                width: 50px;
                height: 50px;
                -o-object-fit: cover;
                   object-fit: cover;
                border-radius: 10px;
            }
        }

        .src-app-components-mobile-home-ratingReview-ViewReview__reviewcardtopright {
            min-width: 80px;
        }

        .src-app-components-mobile-home-ratingReview-ViewReview__reviewcardbottomright {
            color: #D9D9D9;
            font-size: 12px;

            span {
                margin-left: 12px;
                display: inline-block;
            }
        }
    }
}
.src-app-components-mobile-home-ratingReview-rateAndReview__minOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  background-color: rgba(0, 0, 0, 0.5);
}

.src-app-components-mobile-home-ratingReview-rateAndReview__popupcontent {
  /* height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
left: 4.5%;
top: -2%; */
  /* transform: translate(56%, 10px); */

  /* height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5%;
  z-index: 999999999999999999; */
  height: 100%;
  position: fixed;
  width: 100%;
  background-color: rgb(0 0 0 / 0.5);
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__modaldilograteAndReview {
  /* margin-top: 0; */
  /* margin: 15px auto;
  width: 90%;
  background-color: #fff;
  max-height: 80vh;
  padding: 15px;
  overflow: scroll;
  position: relative;
  z-index: 999999999; */

  margin: auto;
  width: 90%;
  /* margin-top: 0; */
  background-color: #fff;
  max-height: 80vh;
  padding: 12px;
  overflow: scroll;
  position: relative;
  z-index: 999999999;
  /* height: 90%; */
  scrollbar-width: none;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__messagingFeaturewarp {
  width: 100%;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewwrap {
  /* width: 100%;
    max-height: 96vh;
    overflow: auto; */
  position: relative;
  z-index: 999999999;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewtop {
  text-align: center;
  padding: 20px 8px;
  position: relative;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewtop h2 {
  font-family: 'Playfair Display Bold';
  font-size: 20px;
  color: #333;
  display: flex;
  text-align: left;
  align-items: start;
  justify-content: left;
  grid-gap: 10px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__Commentclose {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewBbody {
  display: flex;
  justify-content: space-between;
  grid-gap: 0;
  height: auto;
  flex-direction: column;
}

title {
  font-size: 15px;
  font-family: 'Futura Bold';
}

.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewwrapLeft,
.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewwrapRight {
  width: 100%;
  padding: 15px 10px 20px;
  height: 100%;
  overflow: auto;
  border-top: 1px solid #555;
}
.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewwrapLeft .src-app-components-mobile-home-ratingReview-rateAndReview__title,
.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewwrapRight .src-app-components-mobile-home-ratingReview-rateAndReview__title {
  font-size: 16px;
  font-weight: bold;
}
.src-app-components-mobile-home-ratingReview-rateAndReview__profile,
.src-app-components-mobile-home-ratingReview-rateAndReview__profile {
  display: flex;
  width: 100%;
  padding: 8px 0px;
  grid-gap: 0px;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 20px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profilepic {
  width: 65px;
  height: 65px;
  overflow: hidden;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profilepic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo {
  width: calc(100% - 85px);
  padding-left: 16px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo p {
  font-family: 'Futura Regular';
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo p strong {
  font-family: 'Futura Bold';
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo p.src-app-components-mobile-home-ratingReview-rateAndReview__reting {
  font-family: 'Playfair Display Bold';
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo h3 {
  font-size: 15px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__retinginfo .src-app-components-mobile-home-ratingReview-rateAndReview__setreting {
  width: 100%;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  margin-bottom: 16px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__setreting span {
  font-family: 'Futura Regular';
  font-size: 15px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__retinginfo p {
  font-size: 14px;
  font-family: 'Futura Bold';
  margin-bottom: 16px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__username {
  width: 100%;
  border-radius: 0px;
  min-height: 40px;
  margin-bottom: 16px;
  border: 1px solid #84818a;
  color: #7d7c80;
  padding: 12px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__usermessage {
  width: 100%;
  border-radius: 0px;
  min-height: 90px;
  margin-bottom: 16px;
  border: 1px solid #84818a;
  color: #84818a;
  padding: 12px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__buttonwrap Button {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  transition: all 0.2s ease;
  padding: 6px 20px;
  min-width: auto;
  margin-right: 8px;
  font-family: 'Futura Bold';
  cursor: pointer;
}

Button.src-app-components-mobile-home-ratingReview-rateAndReview__barkbtn {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

Button.src-app-components-mobile-home-ratingReview-rateAndReview__barkbtn:hover {
  background-color: #fff;
  color: #000;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__buttonwrap Button ~ .src-app-components-mobile-home-ratingReview-rateAndReview__outlinebtn {
  background-color: #fff;
  color: #000;
  border: 1px solid;
  width: auto;
  text-align: center;
  /* display: inline-block;
    */
  border-radius: 0;
  position: relative;
  top: 0px;
  padding: 0px;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
  border-width: 1px;
  transition: all 0.2s ease;
  padding: 6px 20px;
  min-width: auto;
  margin-right: 8px;
  font-family: 'Futura Bold';
  cursor: pointer;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__buttonwrap Button ~ .src-app-components-mobile-home-ratingReview-rateAndReview__outlinebtn img {
  width: 14px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__buttonwrap Button ~ .src-app-components-mobile-home-ratingReview-rateAndReview__outlinebtn:hover {
  background-color: #000;
  color: #fff;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profilepic {
  border-radius: 12px;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo h3 {
  font-family: 'Playfair Display Regular';
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo p {
  color: #333;
  display: flex;
  grid-gap: 6px;
  justify-content: start;
  align-items: center;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo p strong {
  color: #000;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewwrapRight {
  position: relative;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__rateAndReviewwrapRight::after {
  content: '';
  height: 80%;
  width: 1px;
  background-color: #d9d9d9;
  top: 10%;
  left: 0;
  position: absolute;
  display: none;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profilepic {
  border-radius: 50%;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__profileinfo h3 {
  font-family: 'Playfair Display Bold';
}

.src-app-components-mobile-home-ratingReview-rateAndReview__addimgview {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 150px;
  max-width: 200px;
  margin-bottom: 8px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__imagePreviewContainer {
  position: relative;
  display: inline-block;
  margin: 8px 0 16px 0;
}

.src-app-components-mobile-home-ratingReview-rateAndReview__deleteImageIcon {
  position: absolute;
  top: -5px;
  right: -5px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 50%;
  padding: 4px;
  cursor: pointer;
  font-size: 12px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.src-app-components-mobile-home-ratingReview-rateAndReview__deleteImageIcon:hover {
  background: rgba(255, 0, 0, 0.9);
  transform: scale(1.1);
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey;
    */
  background: #f1f1f1;
  border-radius: 10px;
}

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

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

.src-app-components-mobile-home-ratingReview-rateAndReview__reviewinfo {
}

.src-app-components-mobile-home-ratingReview-rateAndReview__error {
  color: #ff0000;
}

@media only screen and (max-width: 767px) {
  .src-app-components-mobile-home-ratingReview-rateAndReview__addimgview {
    max-width: 160px;
  }

  .src-app-components-mobile-home-ratingReview-rateAndReview__deleteImageIcon {
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    padding: 2px;
  }
}

@media only screen and (max-width: 400px) {
  .src-app-components-mobile-home-ratingReview-rateAndReview__addimgview {
    max-width: 160px;
  }

  .src-app-components-mobile-home-ratingReview-rateAndReview__popupcontent {
    left: 0%;
    top: -2%;
    width: 100vw;
    height: 100vh;
  }

  .src-app-components-mobile-home-ratingReview-rateAndReview__deleteImageIcon {
    top: -5px;
    right: -5px;
    width: 14px;
    height: 14px;
    font-size: 8px;
  }
}

/* Overlay */
.src-app-components-mobile-mobilecomments-comments__minOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-overflow-scrolling: touch;
}

/* Modal Dialog */
.src-app-components-mobile-mobilecomments-comments__modaldilogComment {
  margin: 0 auto;
  display: block;
  margin-top: 1vh;
  background-color: #fff;
  max-width: 90%;
  transform: translateZ(0);
}

/* Comment Wrapper */
.src-app-components-mobile-mobilecomments-comments__Commentwrap {
  width: 100%;
  height: 100%;
}

/* Comment Body */
.src-app-components-mobile-mobilecomments-comments__CommentBbody {
  display: flex;
  justify-content: space-between;
  grid-gap: 10px;
  height: 100%;
  flex-direction: column;
}

/* Comment Wrap Left */
.src-app-components-mobile-mobilecomments-comments__CommentwrapLeft {
  padding: 4px;
  display: none !important;
}

/* Carousel Style */
.src-app-components-mobile-mobilecomments-comments__addstylecarousel {
}

.src-app-components-mobile-mobilecomments-comments__addstylecarousel img {
  height: 97vh;
  width: 100% !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
}

/* Product Image */
.src-app-components-mobile-mobilecomments-comments__productImg {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* CP Top */
.src-app-components-mobile-mobilecomments-comments__cpTop {
  font-family: 'Playfair Display Bold';
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 10px 16px;
  z-index: 99;
}

.src-app-components-mobile-mobilecomments-comments__cpTop h2 {
  font-size: 18px;
  padding: 0px 30px;
}

.src-app-components-mobile-mobilecomments-comments__cpTop p {
  font-size: 16px;
}

/* Rating and Price */
.src-app-components-mobile-mobilecomments-comments__ratingandprice {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  grid-gap: 10px;
}

.src-app-components-mobile-mobilecomments-comments__price {
  font-size: 14px;
}

.src-app-components-mobile-mobilecomments-comments__reting {
  font-size: 14px;
}

/* CP Bottom */
.src-app-components-mobile-mobilecomments-comments__cpBottom {
  z-index: 99;
  font-size: 20px;
  font-family: 'Futura Bold';
  background: #000;
  color: #fff;
  text-align: center;
  padding: 16px;
}

/* Comment Wrap Right */
.src-app-components-mobile-mobilecomments-comments__CommentwrapRight {
  width: 100%;
  height: 100%;
}

/* Chatbox */
.src-app-components-mobile-mobilecomments-comments__chatbox {
  padding: 16px;
  background-color: #fff;
  border-radius: 0px;
  height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

/* Comment Close */
.src-app-components-mobile-mobilecomments-comments__Commentclose {
  text-align: right;
  display: block;
  width: 100%;
}

.src-app-components-mobile-mobilecomments-comments__Commentclose img {
  cursor: pointer;
  display: inline-block !important;
}

/* Chatbox Top */
.src-app-components-mobile-mobilecomments-comments__chatboxtop {
  width: 100%;
  margin-bottom: 16px;
  border-bottom: 1px solid #ccc;
  padding: 26px 0px;
  display: none;
}

.src-app-components-mobile-mobilecomments-comments__chatboxtop ul {
  margin: 0px;
  padding: 0px;
}

.src-app-components-mobile-mobilecomments-comments__chatboxtop ul li {
  display: inline-block;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f6f6f6;
  text-align: center;
  cursor: pointer;
  line-height: 34px;
}

.src-app-components-mobile-mobilecomments-comments__chatboxtop ul li.src-app-components-mobile-mobilecomments-comments__active {
  background-color: #84818a;
}

.src-app-components-mobile-mobilecomments-comments__chatboxtop ul li img {
  display: inline-block;
  margin: 0px auto;
}

.src-app-components-mobile-mobilecomments-comments__chatboxtop h1 {
  font-size: 20px;
  font-family: 'Playfair Display Bold';
}

.src-app-components-mobile-mobilecomments-comments__chatboxtop h1 span {
  font-family: 'Playfair Display Regular';
}

/* Chatbox Body */
.src-app-components-mobile-mobilecomments-comments__chatboxbopdy {
  height: calc(100% - 260px);
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 15px 0px;
  min-height: 40vh;
  height: 60vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* List of Chat */
.src-app-components-mobile-mobilecomments-comments__listofchat {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  position: relative;
}

/* List Chat Item */
.src-app-components-mobile-mobilecomments-comments__lischattitem {
  display: flex;
  padding-bottom: 16px;
  justify-content: space-between;
  width: 100%;
  padding-right: 12px;
}

/* List Item Left */
.src-app-components-mobile-mobilecomments-comments__listitemleft {
  width: 70px;
}

.src-app-components-mobile-mobilecomments-comments__listitemleft img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
}

/* List Item Center */
.src-app-components-mobile-mobilecomments-comments__listitemcenter {
  width: calc(100%);
  padding-left: 10px;
}

.src-app-components-mobile-mobilecomments-comments__listitemcenter p {
  font-family: 'Futura Regular';
}

.src-app-components-mobile-mobilecomments-comments__listitemcenter p strong {
  font-family: 'Futura Bold';
}

/* List Item Right Top */
.src-app-components-mobile-mobilecomments-comments__listitemrighttop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}

.src-app-components-mobile-mobilecomments-comments__listitemrighttop h3 {
  font-family: 'Playfair Display Regular';
}

.src-app-components-mobile-mobilecomments-comments__listitemrighttop span {
  font-family: 'Futura Regular';
  padding-right: 16px;
}

/* List Item Right Bottom */
.src-app-components-mobile-mobilecomments-comments__listitemrightbottom {
}

.src-app-components-mobile-mobilecomments-comments__listitemrightbottom p {
  font-family: 'Futura Regular';
  font-size: 14px;
}

/* List Item Right */
.src-app-components-mobile-mobilecomments-comments__listitemright {
  width: 150px;
  color: #d9d9d9;
  font-family: 'Futura Regular';
  text-align: right;
  font-size: 10px;
}

/* Delete Icon */
.src-app-components-mobile-mobilecomments-comments__deleteIcon {
  cursor: pointer;
  transition: color 0.2s ease;
  color: #8b8a8a;
}

.src-app-components-mobile-mobilecomments-comments__deleteIcon:hover {
  color: #000000;
}

/* View More Chat */
.src-app-components-mobile-mobilecomments-comments__viewmorechat {
  width: 100%;
  display: block;
  margin: 20px 0px;
  text-align: center;
}

/* View More Button */
.src-app-components-mobile-mobilecomments-comments__viewmore {
  border: 2px solid #84818a;
  color: #84818a;
  font-family: 'Futura Bold';
  padding: 8px 20px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

.src-app-components-mobile-mobilecomments-comments__viewmore:hover {
  background-color: #84818a;
  color: #fff;
}

/* Chatbox Footer */
.src-app-components-mobile-mobilecomments-comments__chatboxfooter {
  display: flex;
  width: 100%;
  grid-gap: 8px;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 4px 10px #d9d9d9;
  padding: 4px;
}

/* Footer Chat Profile */
.src-app-components-mobile-mobilecomments-comments__fchatprofile {
  width: 70px;
  display: contents;
}

.src-app-components-mobile-mobilecomments-comments__fchatprofile img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

/* Footer Chat Text */
.src-app-components-mobile-mobilecomments-comments__fchattext {
  position: relative;
  width: auto;
  flex: 310%;
}

/* Footer Chat Upload Image */
.src-app-components-mobile-mobilecomments-comments__fchatUploadImage {
  position: absolute;
  height: 100px;
  width: 200px;
  top: -118px;
  padding: 5px;
  border-radius: 10px;
  background-color: #f2f2f2;
}

.src-app-components-mobile-mobilecomments-comments__fchatUploadImage img.src-app-components-mobile-mobilecomments-comments__chatImage {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}

.src-app-components-mobile-mobilecomments-comments__fchatUploadImage img.src-app-components-mobile-mobilecomments-comments__closeIcon {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

.src-app-components-mobile-mobilecomments-comments__fchattext input {
  border: none;
  width: 100%;
  font-size: 14px;
  font-family: 'Futura Regular';
  color: #84818a;
  outline: none !important;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* Footer Chat Button */
.src-app-components-mobile-mobilecomments-comments__fchatbutton {
  display: flex;
  width: 100%;
  align-items: center;
}

.src-app-components-mobile-mobilecomments-comments__fchatbutton Button {
  background-color: transparent;
  padding: 0px;
  border-left: 1px solid #d9d9d9;
  border-radius: 0px;
  padding: 0px 5px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.src-app-components-mobile-mobilecomments-comments__fchatbutton Button:nth-child(1) {
  border: none;
}

/* Set Max Width Height */
.src-app-components-mobile-mobilecomments-comments__setmaxwh {
  max-width: 100%;
  max-height: 150px;
}

/* Emoji Picker */
.src-app-components-mobile-mobilecomments-comments__fchattext em-emoji-picker {
  position: absolute;
  top: -449px;
  left: -38px;
  z-index: 10;
}

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

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #777;
}

/* Media Query */
@media only screen and (max-width: 700px) {
  .src-app-components-mobile-mobilecomments-comments__cpBottom {
  }

  .src-app-components-mobile-mobilecomments-comments__cpBottom img {
    display: inline;
  }
}

/* For Blank Message */
.src-app-components-mobile-mobilecomments-comments__forblankmessage {
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.src-app-components-mobile-mobilecomments-comments__forblankmessage img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  -o-object-fit: contain;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__RatingReviewsMobile {
  width: 100%;
  padding: 20px 16px;
  background-color: #fff;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__header {
  text-align: center;
  margin-bottom: 24px;
  position: relative;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__headerContent {
  margin-bottom: 16px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__heading {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Playfair Display Bold', serif;
  color: #333;
  margin-bottom: 4px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__subheading {
  font-size: 12px;
  color: #666;
  margin: 0;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__writeReviewBtn {
  background-color: #fff;
  color: #000000;
  border: 2px solid #000000;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.3s ease;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__writeReviewBtn:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__writeReviewBtn img {
  width: 16px;
  height: 16px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingOverview {
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 20px 16px;
  margin-bottom: 24px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__overallRating {
  text-align: center;
  margin-bottom: 20px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__starsContainer {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  grid-gap: 2px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingInfo {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingBreakdown {
  display: flex;
  flex-direction: column;
  grid-gap: 12px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingRow {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingStars {
  display: flex;
  font-size: 16px;
  line-height: 16px;
  min-width: 80px;
  grid-gap: 1px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__progressBar {
  flex: 1;
  height: 8px;
  background-color: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__progressFill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingCount {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  min-width: 30px;
  text-align: right;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewsList {
  display: flex;
  flex-direction: column;
  grid-gap: 16px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewCard {
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  padding: 16px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewHeader {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  flex-wrap: wrap;
  grid-gap: 8px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewUserInfo {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
  flex: 1;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__userName {
  font-size: 14px;
  font-weight: bold;
  font-family: 'Playfair Display Bold', serif;
  color: #494949;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewDate {
  font-size: 12px;
  color: #999;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewStars {
  display: flex;
  grid-gap: 2px;
  font-size: 14px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewContent {
  margin-bottom: 12px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewContent p {
  font-size: 14px;
  font-family: 'Playfair Display', serif;
  color: #84818a;
  line-height: 1.4;
  margin: 0;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewFooter {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewImage img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

.src-app-components-mobile-diamond-rating-reviews-RatingReviews__noReviews {
  text-align: center;
  padding: 40px 20px;
  color: #999;
  font-style: italic;
  font-size: 16px;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__RatingReviewsMobile {
    padding: 16px 12px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__heading {
    font-size: 18px;
    letter-spacing: 1px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__writeReviewBtn {
    padding: 8px 10px;
    font-size: 11px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingOverview {
    padding: 16px 12px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__starsContainer {
    font-size: 20px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingStars {
    font-size: 14px;
    min-width: 70px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewCard {
    padding: 12px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewHeader {
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 4px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__reviewStars {
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingRow {
    grid-gap: 8px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__ratingStars {
    min-width: 60px;
  }

  .src-app-components-mobile-diamond-rating-reviews-RatingReviews__progressBar {
    height: 6px;
  }
}

.src-app-components-mobile-home-NewSellers__container {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  position: relative
}

@media (max-width: 767px) {

.src-app-components-mobile-home-NewSellers__container {
    margin-top: 20px
}
  }

.src-app-components-mobile-home-NewSellers__thumbnailContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px
}

@media (max-width: 767px) {

.src-app-components-mobile-home-NewSellers__thumbnailContainer {
    margin: 0
}
  }

.src-app-components-mobile-home-NewSellers__thumbnailCardWrap {
  width: calc(25% - 15px);
  display: flex
}

.src-app-components-mobile-home-NewSellers__thumbnailCardWrap:nth-of-type(4n) {
    margin-right: 0;
  }

.src-app-components-mobile-home-NewSellers__thumbnailCardWrap .src-app-components-mobile-home-NewSellers__overflow {
    max-height: 250px;
    overflow-y: hidden;
  }

@media (max-width: 1024px) {

.src-app-components-mobile-home-NewSellers__thumbnailCardWrap {
    width: 49%;
    margin-bottom: 20px
}
  }

@media (max-width: 768px) {

.src-app-components-mobile-home-NewSellers__thumbnailCardWrap {
    width: 48.5%
}
  }

.src-app-components-mobile-home-NewSellers__heading {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  font-family: 'Playfair Display Bold'
}

@media (max-width: 767px) {

.src-app-components-mobile-home-NewSellers__heading {
    padding-bottom: 20px;
    color: #39384d;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    width: 100%;
    display: block
}
  }

.src-app-components-mobile-home-NewSellers__heading span {
  font-weight: bold
}

@media (max-width: 767px) {

.src-app-components-mobile-home-NewSellers__heading span {
    font-weight: bold;
    display: block
}
  }

.src-app-components-mobile-home-NewSellers__loadButton {
  color: #000000;
  font-weight: 300;
  text-align: center;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  height: 5px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 5px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: gray;
  height: 5px;
}

@media (max-width: 767px) {
  .src-app-components-mobile-home-NewSellers__heading {
    font-size: 17px;
    text-align: left;
    display: block;
  }
  .src-app-components-mobile-home-NewSellers__heading span {
    display: inline-block !important;
  }

  .src-app-components-mobile-home-NewSellers__thumbnailContainer {
    flex-wrap: nowrap;
    overflow: auto;
    /* margin-bottom: 30px !important; */
    scrollbar-width: none;
  }
  .src-app-components-mobile-home-NewSellers__thumbnailCardWrap {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .src-app-components-mobile-home-NewSellers__thumbnailImage {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
       object-fit: cover;
    border: 4px solid #fff;
    margin: 0px auto;
    display: block;
  }

  .src-app-components-mobile-home-NewSellers__loadButton {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 0;
    font-size: 13px;
    background: transparent;
  }
  .src-app-components-mobile-home-NewSellers__name span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}

.src-app-components-mobile-home-RecentDiamonds__thumbnailContainer {
  /* display: flex;
  justify-content: flex-start; */
  /* flex-wrap: wrap; */
  width: 100%;
  padding-bottom: 30px;
  /* border-bottom: 1px solid #dbdbdb; */

  /* &:nth-of-type(6n) {
    border: none;
    padding-bottom: 0;
  } */
}

.src-app-components-mobile-home-RecentDiamonds__thumbnailCardWrap {
  /* width: calc((100% - 30px) / 2); */
  /* margin-right: 10px; */
  /* border: 1px solid #f1f1f1; */

  /* &:nth-of-type(2n) {
    margin-right: 0;
  }

  &:nth-of-type(4n) {
    margin-right: 0;
  } */

  /* display: flex; */
}

.src-app-components-mobile-home-RecentDiamonds__thumbnailCardWrap .src-app-components-mobile-home-RecentDiamonds__overflow {
    max-height: 250px;
    overflow-y: hidden;
  }

.src-app-components-mobile-home-RecentDiamonds__loadButton {
  width: 100%;
  margin: 20px 8px 35px 0;
  color: #000000;
  font-weight: 300;
}

.src-app-components-mobile-home-RecentDiamonds__heading {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline-block;
  font-family: 'Playfair Display Bold';
  margin-bottom: 0px;
  padding: 0px 0px 24px;

}

.src-app-components-mobile-home-RecentDiamonds__heading span {
  font-weight: bold;
  display: block;
}


/* 
@media (max-width:767px) {
  .heading {
    font-size: 17px;
    text-align: left;
    display: block;
    margin-bottom: 20px;
  }
  .heading span{ display: inline-block !important; }


  .thumbnailContainer {
    flex-wrap: nowrap;
    overflow: auto;
    margin-bottom: 30px !important;
}
.thumbnailCardWrap {
  margin-bottom: 0px;
  margin-top: 0px;
}

.thumbnailImage {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border: 4px solid #fff;
    margin: 0px auto;
    display: block;
} 



.loadButton {
    position: absolute;
    right: 0;
    top: 0px;
    padding: 0;
    font-size: 13px;
    background: transparent;
}
.name span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}



} */


/* .src-app-components-mobile-home-RecentDiamonds__thumbnailContainer .slick-dots {
    position: absolute !important;
    top: 301px !important;
    bottom: inherit !important;
} */


.src-app-components-mobile-home-RecentDiamonds__thumbnailContainer .slick-prev {
    left: 0;
    opacity: 1;
    background: #000;
    width: 30px;
    height: 30px;
    z-index: 1;

  }


.src-app-components-mobile-home-RecentDiamonds__thumbnailContainer .slick-next {
    right: 0;
    opacity: 1;
    background: #000;
    width: 30px;
    height: 30px;

  }


.src-app-components-mobile-home-RecentDiamonds__thumbnailContainer .slick-dots {
    position: absolute;
    top: 310px !important;
    /* Adjust based on where you want it */
    bottom: inherit !important;

    /* Center it horizontally */
    button:before {
      height: 6px;
      background: #000;
      border-radius: 14px;
      top: 4px;
      font-size: 0px;
    }
  }
.src-app-components-common-MobileRecentDiamondsCard__thumbnailCard {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  padding: 0;
  cursor: pointer;
  padding-top: 0px;
}

.src-app-components-common-MobileRecentDiamondsCard__thumbnailImageContainer {
  height: 300px;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}

.src-app-components-common-MobileRecentDiamondsCard__thumbnailImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-app-components-common-MobileRecentDiamondsCard__thumbnailImagenull {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-common-MobileRecentDiamondsCard__thumbnailDescriptionContainer {
  flex: 1;
  padding: 40px 10px 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
}
.src-app-components-common-MobileRecentDiamondsCard__retailerShortDescription {
  color: #777777;
}
.src-app-components-common-MobileRecentDiamondsCard__ratingsPanel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.src-app-components-common-MobileRecentDiamondsCard__ratingsPanel .src-app-components-common-MobileRecentDiamondsCard__value {
    text-transform: uppercase;
  }

.src-app-components-common-MobileRecentDiamondsCard__rating {
  color: #ffa043;
}

.src-app-components-common-MobileRecentDiamondsCard__notRated {
  color: #ddd;
}

.src-app-components-common-MobileRecentDiamondsCard__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-common-MobileRecentDiamondsCard__ratingWrapper p {
  font-family: 'Playfair Display Bold';
  font-size: 0.9rem;
}

.src-app-components-common-MobileRecentDiamondsCard__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-MobileRecentDiamondsCard__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-common-MobileRecentDiamondsCard__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
}

.src-app-components-common-MobileRecentDiamondsCard__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-common-MobileRecentDiamondsCard__ratingContainer {
  width: 100%;
  display: flex;
  grid-gap: 5px;
}
.src-app-components-common-MobileRecentDiamondsCard__ratingContainer p {
  margin: 0px !important;
}

.src-app-components-common-MobileRecentDiamondsCard__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
  word-break: break-all;
}

.src-app-components-common-MobileRecentDiamondsCard__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

.src-app-components-common-MobileRecentDiamondsCard__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
  flex-wrap: wrap;
}

.src-app-components-common-MobileRecentDiamondsCard__priceContainer p {
  font-size: 14px;
  color: #959595;
  margin: 0px;
}

.src-app-components-common-MobileRecentDiamondsCard__priceContainer .src-app-components-common-MobileRecentDiamondsCard__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-common-MobileRecentDiamondsCard__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-common-MobileRecentDiamondsCard__actionsContainer .src-app-components-common-MobileRecentDiamondsCard__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-MobileRecentDiamondsCard__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-common-MobileRecentDiamondsCard__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-common-MobileRecentDiamondsCard__actions button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-common-MobileRecentDiamondsCard__retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.src-app-components-common-MobileRecentDiamondsCard__retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.src-app-components-common-MobileRecentDiamondsCard__showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.src-app-components-common-MobileRecentDiamondsCard__clamp {
  -webkit-line-clamp: 3;
}

.src-app-components-common-MobileRecentDiamondsCard__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-common-MobileRecentDiamondsCard__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-common-MobileRecentDiamondsCard__sellerImage {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.src-app-components-common-MobileRecentDiamondsCard__detailsWrapper {
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

.src-app-components-common-MobileRecentDiamondsCard__reviewdtn {
  text-align: left;
  /* position: absolute;
    right: 0px;
    top: 22px; */
  /* width: 150px; */
  color: #959595;
  font-weight: 600;
  padding: 0px 0px;
}
.src-app-components-common-MobileRecentDiamondsCard__reviewdtn span {
  cursor: pointer;
  display: inline-block;
  padding: 6px 15px;
  border: 1px solid #d7d7d7;
  margin: 0px 0;
  color: #6b6b6b;
}

.src-app-components-common-MobileRecentDiamondsCard__commenticon {
  position: relative;
}

/* +==================== */

/* .thumbnailDescriptionContainer {
  padding: 0px 15px ;

}

.thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
}

.freeShipping {
  margin-top: 10px;
  text-align: center;
}

.ratingContainer {
  width: 100%;
  display: flex;
  gap: 5px;
  word-break: break-all;
} 

.ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
}

.showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

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

.priceContainer p {
  font-size: 14px;
  color: #959595;
}

.priceContainer .price {
  color: var(--mainColor);
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.actionsContainer .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.buynow {
  composes: button from '~components/common/Button.css';
  border-radius: 0;
  background-color: var(--mainColor);
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  gap: 10px;
}

.actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #F6F6F6;
  border-radius: 100%;
  cursor: pointer;
}

.actions button img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}


.retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.clamp {
  -webkit-line-clamp: 3;
}

.ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: var(--mainColor);
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.sellerImage {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
  border-radius: 100%;
}

.detailsWrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

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

.product_view_wrap2 {
  display: flex;
  flex-wrap: wrap;
}


.product_view_add {
  flex: 50%;
}


.newsaveButton {
  position: absolute;
  bottom: 8px;
  right: 6px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: #fff !important;
  border: none;
  font-size: 20px;
  line-height: 51px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9; 
}

@media only screen and (max-width: 767px) {
  .thumbnailDescription {
    white-space: nowrap;
  }
  .thumbnailImageContainer {
    height: 150px;  
  }
  .thumbnailDescriptionContainer {
    gap: 5px;
  }
  .src-app-components-common-SimilarItemsCard__heading {
    font-size: 20px;
  }

} */
@media(max-width:768px){
.src-app-components-common-MobileRecentDiamondsCard__ratingsPanel .src-app-components-common-MobileRecentDiamondsCard__priceContainer {
    width: 50% !important;
    justify-content: end;
}
}
@media(max-width:570px){
  .src-app-components-common-MobileRecentDiamondsCard__ratingsPanel{
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 5px;
  }
.src-app-components-common-MobileRecentDiamondsCard__ratingsPanel .src-app-components-common-MobileRecentDiamondsCard__priceContainer {
    width: 100% !important;
    justify-content: start;
}
}
@media only screen and (max-width: 400px) {
  .src-app-components-common-MobileRecentDiamondsCard__discountPrice {
    color: #000;
    font-size: 12px !important;
  }
  .src-app-components-common-MobileRecentDiamondsCard__buynow {
    padding: 8px 12px;
    font-size: 12px;
  }
}

.src-app-components-common-MobileRecentDiamondsCard__filledStar {
  color: gold; /* Color for filled stars */
}

.src-app-components-common-MobileRecentDiamondsCard__emptyStar {
  color: lightgray; /* Color for empty stars */
}

.src-app-components-mobile-home-BrowseCategories__container {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  padding: 0 0 20px 10px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 25px;
}

.src-app-components-mobile-home-BrowseCategories__container h1 {
  width: calc((100% - 30px) / 2);
  padding: 10px 0 10px;
  text-transform: uppercase;
  font-size: 14px;
}

.src-app-components-mobile-home-BrowseCategories__container h1 a {
  color: #000000;
  text-transform: capitalize;
  font-size: 14px;
}

.src-app-components-mobile-home-BrowseCategories__heading {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  display: inline;
  font-family: 'Playfair Display Bold';
}

.src-app-components-mobile-home-BrowseCategories__heading span {
  font-weight: bold;
  display: block;
}

@media (max-width:767px) {
  .src-app-components-mobile-home-BrowseCategories__heading {
    font-size: 17px;
    text-align: left;
    display: block;
    margin-bottom: 15px;
  }
  .src-app-components-mobile-home-BrowseCategories__heading span{ display: inline-block !important; }
  .src-app-components-mobile-home-BrowseCategories__container h1 {
    padding: 7px 0 7px;
    
  }
}
.src-app-components-mobile-home-Home__retailerImage {
  height: 214px;
  width: 241px;
}

.src-app-components-mobile-home-Home__titleFont {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140%;
  /* identical to box height, or 20px */

  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #000000;
}

.src-app-components-mobile-home-Home__paragraphFont {
  padding: 10px;
}

.src-app-components-mobile-home-Home__controls {
  padding: 25px 20px 20px 20px;
  background: #fff url(/55d29cbafb6393650732dd093a28b2e7.png);
  background-size: 54rem auto
}

.src-app-components-mobile-home-Home__controls .card {
    background-color: #f7f7f7;
  }

.src-app-components-mobile-home-Home__header {
  width: 100%;
  text-align: center
}

.src-app-components-mobile-home-Home__header img {
    width: 28px;
    margin: 10px 0;
  }

.src-app-components-mobile-home-Home__header h1 {
    color: #39384d;
    font-family: 'Playfair Display Bold', serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 30px;
    margin-top: 5px;
  }

.src-app-components-mobile-home-Home__header h2 {
    color: #39384d;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
  }

.src-app-components-mobile-home-Home__header h3 {
    color: #39384d;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0 15px 0;
  }

@media (max-width: 320px) {
    .src-app-components-mobile-home-Home__header h1 {
      font-size: 26px;
    }

    .src-app-components-mobile-home-Home__header h2 {
      font-size: 14px;
    }
  }

.src-app-components-mobile-home-Home__quickSearchHeader {
  margin: 20px 0;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #dedede;
}

.src-app-components-mobile-home-Home__quickSearchHeaderText {
  display: inline-block;
  padding: 0 20px;
  position: relative;
  top: 7px;
  background-color: #fff;
}

.src-app-components-mobile-home-Home__searchButtonContainer {
  margin: 30px 0 10px 0;
  text-align: center;
}

.src-app-components-mobile-home-Home__searchButton {
  padding: 0;
  font-size: 16px;
}

.src-app-components-mobile-home-Home__searchButtonInner {
  display: block;
  padding: 15px 35px;
}

.src-app-components-mobile-home-Home__searchButtonDesc {
  margin-bottom: 5px;
  font-size: 10px;
}

.src-app-components-mobile-home-Home__promotion {
  height: 235px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display Regular', serif
}

.src-app-components-mobile-home-Home__promotion h3 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
  }

.src-app-components-mobile-home-Home__promotion h4 {
    color: #000000;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 10px;
  }

.src-app-components-mobile-home-Home__textContainer {
  text-align: center;
  width: 80%;
  margin: 0 20px
}

@media (max-width: 400px) {

.src-app-components-mobile-home-Home__textContainer {
    margin: 0 15px
}
  }

@media (max-width: 320px) {

.src-app-components-mobile-home-Home__textContainer {
    margin: 0 10px
}
  }

.src-app-components-mobile-home-Home__postFreeAd {
  color: #39384d;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f4f2
    url(/55d29cbafb6393650732dd093a28b2e7.png);
  background-size: 40rem auto;
  height: 280px
}

@media (max-width: 320px) {

.src-app-components-mobile-home-Home__postFreeAd {
    background-position-x: -10px
}
  }

.src-app-components-mobile-home-Home__postFreeAd h3 {
    color: #39384d;
    font-size: 18px;
    margin-top: 4px;
  }

.src-app-components-mobile-home-Home__postFreeAd h4 {
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
    color: #39384d;
  }

.src-app-components-mobile-home-Home__postFreeAd img {
    width: 55%;
    margin-top: 10px;
  }

.src-app-components-mobile-home-Home__postFreeAd p {
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0 5px 0;
  }

.src-app-components-mobile-home-Home__myDiamondBox {
  color: #fff;
  background: #272735 url(/831337a1c1cdec756c4c29b7fe42de73.jpg) -60px 0 /
    cover no-repeat;
  justify-content: flex-end
}

@media (max-width: 320px) {

.src-app-components-mobile-home-Home__myDiamondBox {
    background-position-x: -80px
}
  }

.src-app-components-mobile-home-Home__myDiamondBox h3 {
    color: #fff;
  }

.src-app-components-mobile-home-Home__myDiamondBox img {
    width: 100%;
  }

.src-app-components-mobile-home-Home__resources {
  background: #f1f1f1 url(/1554e562e9cada222717a0ca02cdd9fa.jpg) -40px
    0 / cover no-repeat
}

@media (max-width: 400px) {

.src-app-components-mobile-home-Home__resources {
    background-position-x: -80px
}
  }

@media (max-width: 320px) {

.src-app-components-mobile-home-Home__resources {
    background-position-x: -110px
}
  }

.src-app-components-mobile-home-Home__catRings {
  background: #333 url(/29d0d79492de27d1b729e1918516106a.jpg) center 0 /
    cover no-repeat;
}

.src-app-components-mobile-home-Home__catWatches {
  background: #333 url(/39eae1a651bb8ef95616a78ec1c770e7.jpg) center -20px /
    cover no-repeat;
}

.src-app-components-mobile-home-Home__catDiamonds {
  background: #333 url(/c1423847e4645df8ca900c0b433e9680.jpg) center -65px /
    cover no-repeat
}

@media (max-width: 320px) {

.src-app-components-mobile-home-Home__catDiamonds {
    background: #333 url(/c1423847e4645df8ca900c0b433e9680.jpg) center -40px /
      cover no-repeat
}
  }

.src-app-components-mobile-home-Home__catGemstones {
  background: #333 url(/2111d7fc85b6fb4529970a8e35075c9a.jpg) center -30px /
    cover no-repeat;
}

.src-app-components-mobile-home-Home__catEngagement {
  background: #333 url(/29ed419a2835f0f7a946d273efca680a.jpg)
    center 0 / cover no-repeat;
}

.src-app-components-mobile-home-Home__catPendants {
  background: #333 url(/60a65b56cd0b72234deb63d9a33dad24.jpg) center 0 /
    cover no-repeat;
}

.src-app-components-mobile-home-Home__influencerContainer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 0 0 30px 0;
  background-color: #fff;
}

.src-app-components-mobile-home-Home__influencer {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #aaa
}

.src-app-components-mobile-home-Home__influencer h2 {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 16px;
    margin: 10px 0;
    padding: 0 10px;
  }

.src-app-components-mobile-home-Home__influencer img {
    width: 100%;
  }

.src-app-components-mobile-home-Home__influencerSection {
  display: block;
  text-align: center;
  padding: 30px 0 10px 0;
  color: #333;
  border-top: 1px solid #ddd;
  background-color: #f7f4f2
}

.src-app-components-mobile-home-Home__influencerSection h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 4px;
  }

.src-app-components-mobile-home-Home__influencerSection h4 {
    font-family: 'Playfair Display Bold', serif;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 10px;
  }

.src-app-components-mobile-home-Home__influencerSection .src-app-components-mobile-home-Home__instaCTA {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    margin: 15px 0 20px 0;
  }

.src-app-components-mobile-home-Home__sectionRecentDiamonds {
  background: #fff;
  padding: 0 10px 30px 10px;
  border-top: 1px solid #ddd;
}

.src-app-components-mobile-home-Home__searchBar {
  margin-top: 20px;
  margin-bottom: 0;
}

.src-app-components-mobile-home-Home__sellText {
  padding: 20px 10px 30px 10px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center
}

.src-app-components-mobile-home-Home__sellText .src-app-components-mobile-home-Home__link {
    margin-left: 8px;
    color: #000000;
    font-weight: 400;
  }

.src-app-components-mobile-home-Home__ctaButton {
  padding: 12px 30px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #68ca9e;
  color: #fff;
  border: none;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
}

.src-app-components-mobile-home-Home__logoPartner {
  width: 320px;
  margin: 0 auto;
}
.src-app-components-mobile-home-Home__mobheading_top {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
}
.src-app-components-mobile-home-Home__mobheading_top h2 {
  font-size: 22px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
      text-overflow: ellipsis;
    max-width: calc(100% - 80px);
    overflow: hidden;
}
/* .mobheading_top img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
} */

/*  */
.src-app-components-mobile-home-Home__messagingFeaturewarp {
  background: #fff;
}
.src-app-components-mobile-home-Home__messagingFeaturetop {
  position: relative;
}
.src-app-components-mobile-home-Home__messFeatwrap {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
}
.src-app-components-mobile-home-Home__mobheading_top h2 {
  font-size: 22px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
}
.src-app-components-mobile-home-Home__mobusericon {
  width: 45px;
  height: 45px;
}
.src-app-components-mobile-home-Home__mobusericon img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  /* border: 1px solid #c5c5c5; */
  padding: 2px;
}
.src-app-components-mobile-home-Home__messagingFeatdes {
  flex: 1;
  text-align: center;
}
.src-app-components-mobile-home-Home__messagingFeatdes h2 {
  font-size: 16px;
}
.src-app-components-mobile-home-Home__messagingFeatdes p {
  font-size: 14px;
  color: #aaa;
}
.src-app-components-mobile-home-Home__messagingContent {
  height: calc(100vh - 176px);
  padding: 0px 15px;
  overflow-y: scroll;
}
.src-app-components-mobile-home-Home__messagingrep {
  padding: 10px 0px;
}

.src-app-components-mobile-home-Home__messagingrepcont {
  display: flex;
  justify-content: space-between;
}
.src-app-components-mobile-home-Home__proficon {
  width: 35px;
}

.src-app-components-mobile-home-Home__proficon img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 0px;
}

.src-app-components-mobile-home-Home__proficon_info {
  flex: 1;
  padding: 7px 15px 7px;
  text-align: right;
}
.src-app-components-mobile-home-Home__mess_text {
  display: block;
  margin-bottom: 6px;
}
.src-app-components-mobile-home-Home__mess_text span {
  display: inline-block;
  background: #f1f1f1;
  padding: 5px 10px;
  border-radius: 6px 6px 6px 0;
}

.src-app-components-mobile-home-Home__messimage {
  border-radius: 15px;
}
.src-app-components-mobile-home-Home__messimage img {
  width: 50%;
}
.src-app-components-mobile-home-Home__messimage img {
  border-radius: 10px;
}

.src-app-components-mobile-home-Home__messagingrep_ans_opt {
  padding: 10px 0px;
}
.src-app-components-mobile-home-Home__messagingrep_ans_opt .src-app-components-mobile-home-Home__messagingrepcont {
  display: flex;
  flex-direction: row-reverse;
}
.src-app-components-mobile-home-Home__messagingrep_ans_opt .src-app-components-mobile-home-Home__proficon_info {
  text-align: left;
}
.src-app-components-mobile-home-Home__messagingrep_ans_opt .src-app-components-mobile-home-Home__mess_text span {
  background: #000000;
  border-radius: 6px 0px 6px 6px;
  color: #fff;
}

.src-app-components-mobile-home-Home__messagingInp_outer {
  position: fixed;
  left: 0px;
  border: 0px;
  background: #f7f7f7;
  width: 100%;
  z-index: 200;
}
.src-app-components-mobile-home-Home__messagingInpwrap {
  display: flex;
  padding: 15px;
  justify-content: space-between;
}
.src-app-components-mobile-home-Home__messagingicon {
}
.src-app-components-mobile-home-Home__messinp_des {
  flex: 1;
}
.src-app-components-mobile-home-Home__messicon {
  margin: 0px 4px;
}

.src-app-components-mobile-home-Home__messinp_des {
  position: relative;
  flex: 1;
}

.src-app-components-mobile-home-Home__messagingicon {
  display: flex;
  color: #c3c3c3;
  font-size: 21px;
  margin: 2px;
}
.src-app-components-mobile-home-Home__arrowUp {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 25px;
  color: #c3c3c3;
  line-height: 50px;
}
.src-app-components-mobile-home-Home__fromcontrol {
  padding: 5px 10px;
  background: #f7f7f7;
  border: 0px;
  outline: 0px;
  width: 100%;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__header img {
    width: 100%;
  }

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__pageContent {
  /* padding: 20px; */
  font-size: 18px;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__card {
  background-color: #fff
  /* line-height: 19px; */
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__card section h4 {
    margin: 20px 0 10px 0;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
  }

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__card ul {
    padding-bottom: 15px;
  }

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__card li {
    margin-left: 40px;
    list-style-type: circle;
    text-align: left;
  }

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__card p {
    text-align: left;
  }

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__titleContainer {
  text-align: center;
  margin-bottom: 15px
}

.page .src-app-components-mobile-jewelry-insurance-JewelryInsurance__titleContainer {
    padding: 0
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__title {
  font-size: 20px;
  margin: 5px 0;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__subtitle {
  font-size: 10px;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__desc {
  font-size: 12px;
  text-align: center;
  margin: 15px 0;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__topPart {
  border-bottom: 1px solid #ddd;
  padding: 10px 0px 40px 0px
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__topPart .src-app-components-mobile-jewelry-insurance-JewelryInsurance__imgHolder {
    text-align: center;
  }

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__topPart img {
    width: 100%;
    max-width: 200px;
    margin: 10px 0;
  }

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__ctaButton {
  padding: 15px 35px;
  font-size: 16px;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__legal {
  padding-top: 10px;
  font-size: 11px;
  line-height: 14px;
  color: #aaa;
  text-align: center;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__midSection {
  padding: 25px 0 40px 0;
  text-align: center;
}

.src-app-components-mobile-jewelry-insurance-JewelryInsurance__bottomSection {
  padding: 25px 0 10px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.src-app-components-mobile-purchase-OrderSummary__pageContent {
  padding: 20px;
}

.src-app-components-mobile-purchase-OrderSummary__card {
  padding: 20px;
}

.src-app-components-mobile-purchase-OrderSummary__well {
  margin-top: 50px;
  padding: 0 20px
}

.src-app-components-mobile-purchase-OrderSummary__well p {
    margin: 20px 0;
  }

.src-app-components-mobile-purchase-OrderSummary__section {
  margin: 35px 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

.src-app-components-mobile-purchase-OrderSummary__section p {
    margin: 0 0 10px 0;
  }

.src-app-components-mobile-purchase-OrderSummary__sectionTagline {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}

.src-app-components-mobile-purchase-OrderSummary__sectionTitle {
  margin: 10px 0 20px 0;
  font-size: 22px;
}

.src-app-components-mobile-purchase-OrderSummary__sellerName {
  color: #000000;
}

.src-app-components-mobile-purchase-OrderSummary__orderDetails {
  padding-top: 20px;
  border-top: 1px solid #dedede;
  text-align: left;
  text-align: initial
}

.src-app-components-mobile-purchase-OrderSummary__orderDetails .recentDiamond {
    justify-content: center;
  }

.src-app-components-mobile-purchase-OrderSummary__shippingAddress {
  text-align: center;
  margin-bottom: 15px;
}

.src-app-components-mobile-purchase-OrderSummary__shippingContact {
  text-align: center;
}

.src-app-components-mobile-purchase-OrderSummary__contact {
  padding: 0 15%;
  text-align: center;
  font-size: 12px;
}
.src-app-components-mobile-purchase-Form__pageContent {
  padding: 20px;
  -webkit-overflow-scrolling: auto;
}

.src-app-components-mobile-purchase-Form__orderForm {
  flex-grow: 1;
}

.src-app-components-mobile-purchase-Form__formCard {
  background-color: #fff;
  width: 60%;
}

.src-app-components-mobile-purchase-Form__bookingCardContainer {
  width: 30%;
  margin-left: 20px;
}

.src-app-components-mobile-purchase-Form__well {
  margin-top: 10px
}

.src-app-components-mobile-purchase-Form__well p {
    margin: 0 0 10px 0;
  }

.src-app-components-mobile-purchase-Form__form {
  margin-top: 20px;
}

.src-app-components-mobile-purchase-Form__actions {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.src-app-components-mobile-purchase-Form__button {
  width: 100%;
  height: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.src-app-components-mobile-purchase-Form__submitButton {
  background-color: #000;
  color: #fff
}

.src-app-components-mobile-purchase-Form__submitButton .icon {
    margin-right: 5px;
    font-size: 35px;
    color: #000000;
  }

.src-app-components-mobile-purchase-Form__cancelButton {
  margin-top: 10px;
  color: #000000;
}

.src-app-components-mobile-purchase-Form__policiesCard {
  margin-bottom: 70px;
}

.src-app-components-mobile-purchase-Form__sellerCard {
  margin-bottom: 20px
}

.src-app-components-mobile-purchase-Form__sellerCard strong {
    color: #000000;
  }

.src-app-components-mobile-purchase-Form__sellerCard a {
    color: #000000;
    font-weight: bold;
  }

.src-app-components-mobile-purchase-Form__sellerCardTitle {
  margin-bottom: 10px;
  font-size: 14px;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-mobile-purchase-Form__sellerDetails {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-bottom: 10px
}

.src-app-components-mobile-purchase-Form__sellerDetails img {
    width: 100px;
    height: 90px;
    border-radius: 4px;
    margin-right: 10px;
  }

.src-app-components-mobile-purchase-Form__sellerName {
  display: flex;
  align-items: center;
  margin: 5px 0;
  color: #000000;
  font-size: 22px
}

.src-app-components-mobile-purchase-Form__sellerName img {
    width: 30px;
    height: 30px;
    margin-left: 5px;
  }

.src-app-components-mobile-purchase-Form__bottomBar .icon {
    font-size: 38px;
  }

.src-app-components-mobile-resource-Resource__header img {
    width: 100%;
  }

.src-app-components-mobile-resource-Resource__pageContent {
  height: auto;
  margin-bottom: 100px;
  padding: 20px;
}

.src-app-components-mobile-resource-Resource__card {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 0
}

.src-app-components-mobile-resource-Resource__card img {
    width: 100%;
    border-radius: 4px;
  }

.src-app-components-mobile-ringbox-DesignerRingCard__card {
  position: relative;
  padding-top: 0;
  margin-bottom: 20px;
  text-align: center;
  background-color: #fff;
}

.src-app-components-mobile-ringbox-DesignerRingCard__logo {
  padding: 8px 0
}

.src-app-components-mobile-ringbox-DesignerRingCard__logo img {
    height: 55px;
  }

.src-app-components-mobile-ringbox-DesignerRingCard__ringImage {
  padding: 8px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede
}

.src-app-components-mobile-ringbox-DesignerRingCard__ringImage img {
    height: 165px;
  }

.src-app-components-mobile-ringbox-DesignerRingCard__info p {
    margin: 8px 0 0 0;
  }

.src-app-components-mobile-ringbox-DesignerRingCard__title {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin-top: 20px;
}

.src-app-components-mobile-ringbox-DesignerRingCard__desc {
  color: #aaa;
}

.src-app-components-mobile-ringbox-RingBox__page {
  overflow-y: scroll;
  height: 100%;
}

.src-app-components-mobile-ringbox-RingBox__header {
  background: #fff url(/a0591f206bc51adb9c30467e091e3a34.jpg) center 0 / 100% no-repeat;
  height: 55%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 0 20px 20px 20px;
}

.src-app-components-mobile-ringbox-RingBox__ringboxButton {
  position: absolute;
  top: 20%;
  left: 5%;
  background: none;
  border: none
}

.src-app-components-mobile-ringbox-RingBox__ringboxButton img {
    width: 100px;
    height: 100px;
  }

.src-app-components-mobile-ringbox-RingBox__headerContent {
  width: 100%;
  color: #000000;
}

.src-app-components-mobile-ringbox-RingBox__headerTitleContainer {
  width: 100%;
  padding: 15px 0;
  display: flex;
  align-items: center;
}

.src-app-components-mobile-ringbox-RingBox__title {
  margin-left: 15px
}

.src-app-components-mobile-ringbox-RingBox__title h2 {
    font-family: "Playfair Display Regular", serif;
    color: #333;
  }

.src-app-components-mobile-ringbox-RingBox__title p {
    font-size: 14px;
    margin: 5px 0 0 0;
  }

.src-app-components-mobile-ringbox-RingBox__title span {
    color: #000000;
  }

.src-app-components-mobile-ringbox-RingBox__badge {
  width: 17.9104478%;
}

.src-app-components-mobile-ringbox-RingBox__shareButton {
  width: 100%;
}

.src-app-components-mobile-ringbox-RingBox__pageContent {
  height: auto;
  min-height: calc(45% - 130px);
  margin-bottom: 100px;
  position: relative;
  padding: 20px 20px 40px 20px;
}
.src-app-components-mobile-search-common-Steps__steps {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.src-app-components-mobile-search-common-Steps__item {
  width: 50px;
  margin: 0 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff
}

.src-app-components-mobile-search-common-Steps__item::before {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #12b38a;
    position: relative;
    top: 24px;
    left: 50%;
  }

.src-app-components-mobile-search-common-Steps__item:last-of-type::before {
    display: none;
  }

.src-app-components-mobile-search-common-Steps__item.past::before {
    background-color: #10906f;
  }

.src-app-components-mobile-search-common-Steps__iconContainer {
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #10906f;
  border-radius: 100%;
  z-index: 1
}

.src-app-components-mobile-search-common-Steps__iconContainer .fa, .src-app-components-mobile-search-common-Steps__iconContainer [class*="icon-"] {
    font-size: 20px;
    color: #10906f;
    position: relative;
    left: 1px;
  }

.present .src-app-components-mobile-search-common-Steps__iconContainer {
    background-color: #fff
}

.future .src-app-components-mobile-search-common-Steps__iconContainer {
    background-color: #12b38a;
    border-style: dashed
}

.past .src-app-components-mobile-search-common-Steps__iconContainer {
    background-color: #10906f
}

.past .src-app-components-mobile-search-common-Steps__iconContainer .fa, .past .src-app-components-mobile-search-common-Steps__iconContainer [class*="icon-"] {
      color: #fff;
    }

.src-app-components-mobile-search-common-Steps__label {
  font-size: 10px;
  font-weight: 300;
}

.src-app-components-mobile-search-common-NextBar__title {
  font-size: 16px;
  text-transform: uppercase;
}

.src-app-components-mobile-search-common-NextBar__nextStepName {
  font-weight: 300;
  font-size: 10px;
}

.src-app-components-mobile-search-Search__stepsContainer {
  padding: 0;
  height: 100px;
}

.src-app-components-mobile-search-Search__pageContent {
  padding: 20px;
}

.src-app-components-mobile-search-Search__card {
  background-color: #fff;
}

.src-app-components-mobile-search-Search__header {
  font-family: "Playfair Display Regular";
  color: #333;
}

.src-app-components-mobile-search-Search__titleContainer {
  text-align: center;
}

.src-app-components-mobile-search-Search__title {
  display: inline-block;
  font-size: 14px;
  padding: 0 4px 4px;
  border-bottom: 6px solid #ebebeb;
}

.src-app-components-mobile-search-Search__section {
  margin: 20px 0
}

.page .src-app-components-mobile-search-Search__section {
    padding: 0
}

.src-app-components-mobile-search-Search__descTitle {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-mobile-search-Search__desc {
  font-size: 10px;
  font-weight: 300;
  color: #000000;
  margin: 10px 0;
  text-align: justify;
}

.src-app-components-mobile-search-Search__overviewSection {
  margin-bottom: 0
}

.src-app-components-mobile-search-Search__overviewSection .text {
    text-align: left;
    line-height: 1.5;
  }

.src-app-components-mobile-search-Search__sliderValue {
  display: inline-block;
  padding: 10px 0;
  font-size: 12px;
  color: #000000;
  border-bottom: 2px dashed #000000
}

.src-app-components-mobile-search-Search__sliderValue .fa {
    color: #999;
    font-size: 14px;
    margin-right: 15px;
  }
.src-app-components-mobile-search-wizard-Stores__toggleFilters {
  margin-bottom: 0;
}

.src-app-components-mobile-search-wizard-Stores__toggleFilter {
  margin-top: 10px
}

.src-app-components-mobile-search-wizard-Stores__toggleFilter .label {
    color: #333;
    font-family: 'Playfair Display Regular';
    font-size: 16px;
    font-weight: 400;
  }
.src-app-components-mobile-search-wizard-FiltersCard__card {
  margin-top: 20px;
}

.src-app-components-mobile-search-wizard-FiltersCard__title {
  border-bottom: none;
  margin-bottom: 10px;
}

.src-app-components-mobile-search-wizard-FiltersCard__resultCount {
  color: #000000;
  font-size: 18px;
}

.src-app-components-mobile-search-wizard-FiltersCard__skipToResultButtonContainer {
  text-align: center;
}

.src-app-components-mobile-search-wizard-FiltersCard__skipToResultButton {
  width: 100%;
  padding: 8px 0;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
}

.src-app-components-mobile-search-wizard-FiltersCard__location {
  text-align: left;
  margin-bottom: 15px
}

.src-app-components-mobile-search-wizard-FiltersCard__location .icon {
    margin-right: 5px;
    font-size: 14px;
  }

.src-app-components-mobile-search-wizard-FiltersCard__currentFilters {
  padding-top: 62px;
  background: url(/17c8a7b8a10cc74f5c2686c5cb155fd1.png) top center / auto 63px no-repeat
}

.src-app-components-mobile-search-wizard-FiltersCard__currentFilters .value {
    text-transform: uppercase;
  }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps {
  background: none;
  height: 50px;
  margin-bottom: 15px
}

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .item {
    width: 30px;
    margin: 0 12px;
    color: #000000
  }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .item::before {
      top: 16px;
      left: 85%;
      background-color: #d5d5d5;
    }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .item.future .iconContainer {
      background-color: #d5d5d5;
    }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .item.past::before {
        background-color: #9e9e9e;
      }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .item.past .iconContainer {
        color: #fff;
        background-color: #9e9e9e;
      }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .item .icon {
      position: relative;
      left: 1px;
    }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .iconContainer {
    width: 25px;
    height: 25px;
    border-color: #9e9e9e;
  }

.src-app-components-mobile-search-wizard-FourCs__fourCsSteps .label {
    font-size: 9px;
  }

.src-app-components-mobile-search-wizard-FourCs__caratFieldIcons {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 10px
}

.src-app-components-mobile-search-wizard-FourCs__caratFieldIcons img:first-of-type {
    width: 50px;
  }

.src-app-components-mobile-search-wizard-FourCs__caratFieldIcons img:last-of-type {
    width: 70px;
  }

.src-app-components-mobile-search-wizard-FourCs__cutFieldIcons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 10px
}

.src-app-components-mobile-search-wizard-FourCs__cutFieldIcons img {
    width: 30%;
  }

.src-app-components-mobile-search-wizard-FourCs__colorFieldIcons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 0 10px
}

.src-app-components-mobile-search-wizard-FourCs__colorFieldIcons img {
    width: 30px
  }

@media (max-width: 320px) {

.src-app-components-mobile-search-wizard-FourCs__colorFieldIcons img {
      width: 25px
  }
    }

.src-app-components-mobile-search-wizard-FourCs__switchButton {
  width: 100%;
}

.src-app-components-mobile-search-wizard-FourCs__clarityFieldIcons {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 0 10px
}

.src-app-components-mobile-search-wizard-FourCs__clarityFieldIcons img {
    width: 30px
  }

@media (max-width: 320px) {

.src-app-components-mobile-search-wizard-FourCs__clarityFieldIcons img {
      width: 25px
  }
    }

.src-app-components-common-search-filters-ListGridViewFilter__filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-common-search-filters-ListGridViewFilter__icons {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  color: #cccccc;
}

.src-app-components-common-search-filters-ListGridViewFilter__iconStyle {
  font-size: 16px;
  margin-right: 8px;
}

.src-app-components-common-search-filters-ListGridViewFilter__active {
  color: #000000;
}

.src-app-components-mobile-search-Filters__navbar {
  background-color: #f7f7f7
}

.src-app-components-mobile-search-Filters__navbar .navbarItemLeft, .src-app-components-mobile-search-Filters__navbar .navbarTitle {
    color: #000000;
  }

.src-app-components-mobile-search-Filters__pageContent {
  padding: 20px;
  padding-top: 0;
}

.src-app-components-mobile-search-Filters__searchWizard {
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 15px;
}

.src-app-components-mobile-search-Filters__header {
  color: #000000;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px
}

h2.src-app-components-mobile-search-Filters__header {
    font-size: 20px
}

h2.src-app-components-mobile-search-Filters__header strong {
      font-weight: 400;
    }

.src-app-components-mobile-search-Filters__filters {
  margin-bottom: 20px;
}

.src-app-components-mobile-search-Filters__item .header {
    display: flex;
    align-items: center
  }

.src-app-components-mobile-search-Filters__item .header .fa {
      position: relative;
      top: 1px;
    }

.src-app-components-mobile-search-Filters__item:first-of-type {
    margin-top: 0;
  }

.src-app-components-mobile-search-Filters__item:last-of-type {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
  }

.src-app-components-mobile-search-Filters__item {
  margin-top: 15px;
}

.src-app-components-mobile-search-Filters__itemHeader {
  flex-grow: 1;
  display: flex;
}

.src-app-components-mobile-search-Filters__itemFilterName {
  flex-grow: 1;
  text-align: left;
}

.src-app-components-mobile-search-Filters__itemFilterValue {
  width: 100px;
  text-align: center;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-mobile-search-Filters__itemBody {
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 15px 0;
}

.src-app-components-mobile-search-Filters__itemFilterContainer {
  padding: 0 15px;
}

.src-app-components-mobile-search-Filters__itemLearnMore .header {
    justify-content: center;
  }

.src-app-components-mobile-search-Filters__itemLearnMore .collapseToggle {
    border: none;
  }

.src-app-components-mobile-search-Filters__learnMoreIcon {
  background-color: #000000;
  color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin-right: 5px;
}

.src-app-components-mobile-search-Filters__toggleFilter {
  padding: 8px 0
}

.src-app-components-mobile-search-Filters__toggleFilter:last-of-type {
    border-bottom: 1px solid #dedede;
  }

.src-app-components-mobile-search-Filters__toggleFilter {
  border-top: 1px solid #dedede
}

.src-app-components-mobile-search-Filters__toggleFilter .label {
    font-size: 12px;
    text-transform: uppercase;
  }

.src-app-components-mobile-search-Filters__applyBtn {
  color: #000000;
  border: 1px solid #000000;
  border-radius: 6px;
  padding: 6px;
  background: transparent;
  margin-right: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.src-app-components-mobile-search-Result__header {
  padding: 15px 20px;
  border-bottom: 1px solid #dedede;
  background-color: #fff;
}

.src-app-components-mobile-search-Result__value {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
}

.src-app-components-mobile-search-Result__label {
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
}

.src-app-components-mobile-search-Result__cityPrice {
  display: flex;
  align-items: baseline;
}

.src-app-components-mobile-search-Result__location {
  flex-grow: 1;
  margin-bottom: 10px;
  font-size: 16px
}

.src-app-components-mobile-search-Result__location .icon {
    margin-right: 5px;
  }

.src-app-components-mobile-search-Result__location h2 {
    display: inline;
    font-size: 16px;
    color: #000000;
  }

.src-app-components-mobile-search-Result__distance {
  font-size: 12px;
  text-align: right;
}

.src-app-components-mobile-search-Result__price {
  font-size: 12px;
}

.src-app-components-mobile-search-Result__shape {
  text-transform: uppercase;
}

.src-app-components-mobile-search-Result__criteriaContainer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.src-app-components-mobile-search-Result__criteria {
  width: 50%
}

.src-app-components-mobile-search-Result__criteria:nth-of-type(2n) {
    text-align: right;
  }

.src-app-components-mobile-search-Result__filterButton {
  width: 100%;
  margin-top: 15px;
  background-color: #000000;
  font-weight: 300;
}

.src-app-components-mobile-search-Result__narrowDistanceButton {
  margin: 5px 0;
  font-weight: 500;
  font-size: 12px;
  background-color: #e8e8e8;
  color: #000000;
}

.src-app-components-mobile-search-Result__dropdownFilters {
  margin-top: 10px;
}

.src-app-components-mobile-search-Result__bottomFilters {
  border-top: 1px solid #dbdbdb;
  padding-top: 10px;
  margin: 10px 0 5px 0;
}

.src-app-components-mobile-search-Result__dropdownFilter {
  /* margin-bottom: 5px; */
}

.src-app-components-mobile-search-Result__dropdownFilter:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-search-Result__dropdownFilter .label {
    font-size: 12px;
  }

.src-app-components-mobile-search-Result__resultRange {
  text-align: center;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb
}

.src-app-components-mobile-search-Result__resultRange .src-app-components-mobile-search-Result__label {
    margin-right: 3px;
  }

.page .src-app-components-mobile-search-Result__resultRange {
    padding: 10px 0
}

.src-app-components-mobile-search-Result__sep {
  display: inline-block;
  margin: 0 5px;
  font-weight: 100;
}

.src-app-components-mobile-search-Result__resultList {
  padding: 20px;
}

.src-app-components-mobile-search-Result__bottomBar {
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  align-items: center;
  font-size: 16px
}

.src-app-components-mobile-search-Result__bottomBar .icon {
    font-size: 36px;
    color: #000000;
    position: relative;
    top: 1px;
  }

.src-app-components-mobile-search-Result__algolia {
  margin-top: 15px;
  display: flex;
  justify-content: center
}

.src-app-components-mobile-search-Result__algolia img {
    width: 120px;
  }

.src-app-components-mobile-search-Result__searchBar > div {
  padding: 0px 0px 20px 0px;
  display: flex;
  position: relative;
  justify-content: center;
}

.src-app-components-mobile-search-Result__searching {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 14px
}

.src-app-components-mobile-search-Result__searching span {
    font-size: 12px;
  }

.src-app-components-mobile-search-Result__searchKeywords {
  display: inline;
  float: right;
  font-weight: bold;
  width: 60%;
  text-align: right;
}

.src-app-components-mobile-search-Result__searchKeywords i {
  font-size: 10px;
  margin-left: 6px;
  cursor: pointer;
}

.src-app-components-mobile-search-Result__responsiveAdLabel {
  width: 100%;
  color: #aaa;
  text-align: center;
  letter-spacing: 1px;
  margin: 0 0 10px 0;
}

.src-app-components-mobile-search-Result__responsiveAdHolder {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 4px;
  margin: 0 0 15px 0;
}

.src-app-components-mobile-search-Result__responsiveAd {
  width: 100%;
  height: 300px;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-bottom: 1px solid #aaa;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px;
}

a.src-app-components-mobile-search-Result__responsiveAdLink {
  position: absolute;
  top: 0;
  width: 100%;
  height: 300px;
  border: 0;
}

.src-app-components-mobile-search-Result__filtersBtn {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 6px;
  padding: 6px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 15px;
}

.src-app-components-mobile-search-Result__searchResultNum {
  background-color: #000000;
  color: #fff;
  text-align: center;
  padding: 10px 0px;
}

.src-app-components-mobile-search-Result__gridDiamondContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.src-app-components-mobile-search-Result__gridDiamondCard {
  width: calc((100% - 10px) / 2);
  display: flex
}

.src-app-components-mobile-search-Result__gridDiamondCard .src-app-components-mobile-search-Result__overflow {
    max-height: 250px;
    overflow-y: hidden;
  }

.src-app-components-mobile-search-Result__mobheading_top {
  display: flex;
  padding: 7px 15px 0px;
  align-items: center;
  background: #fff;
  justify-content: space-between;
}
.src-app-components-mobile-search-Result__mobheading_top h2 {
  font-size: 18px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
  text-transform: capitalize;
}
.src-app-components-mobile-search-Result__mobheading_top img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  /* padding: 5px; */
}
@media (max-width: 767px) {
  .src-app-components-mobile-search-Result__dropdownFilters {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .src-app-components-mobile-search-Result__gridDiamondCard {
    /* margin-bottom: 10px; */
  }
  .src-app-components-mobile-search-Result__resultList {
    padding: 15px;
    /* background-color: #ccc; */
  }
  .src-app-components-mobile-search-Result__header {
    padding: 15px 15px;
  }
  .src-app-components-mobile-search-Result__dropdownFilters {
    display: flex;
    font-size: 11px;
    grid-gap: 2%;
  }
}

.src-app-components-mobile-sellers-Sellers__pageContent {
  padding: 0 15px;
  overflow-y: auto;
}

.src-app-components-mobile-settings-Settings__pageContent {
  padding: 0 20px;
  background-color: #fff
}

.src-app-components-mobile-settings-Settings__pageContent section {
    padding: 30px 0 0 0
  }

.src-app-components-mobile-settings-Settings__pageContent section h3 {
      color: #838383;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 300;
      margin-bottom: 20px;
    }

.src-app-components-mobile-settings-Settings__pageContent section:first-of-type {
      padding-top: 20px;
    }

.src-app-components-mobile-settings-Settings__pageContent section:last-of-type {
      padding-bottom: 20px;
    }

.src-app-components-mobile-settings-Settings__buttons {
  display: flex;
  flex-direction: column
}

.src-app-components-mobile-settings-Settings__buttons .btn {
    width: 100%;
    box-shadow: none;
    margin-top: 10px;
    color: #000000;
    font-weight: 400;
  }

.src-app-components-mobile-settings-Settings__buttons .btnPrimary {
    color: #fff;
    margin-top: 0;
    border-radius: 3px;
  }

.src-app-components-mobile-settings-Settings__item {
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dedede
}

.src-app-components-mobile-settings-Settings__item:first-of-type {
    border-top: 1px solid #dedede;
  }

.src-app-components-mobile-settings-Settings__label {
  text-transform: uppercase;
  color: #000000;
}

.src-app-components-mobile-settings-Settings__control {
  color: #000000;
}

.src-app-components-mobile-common-TabbedPage__pageHeader {
  padding-bottom: 20px;
  justify-content: flex-start;
}

.src-app-components-mobile-common-TabbedPage__tabs {
  /* height: 30px; */
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 15px;
  font-size: 12px;

  background: #ebebeb;
  padding: 6px;
  height: auto;
  width: 92%;
}

.src-app-components-mobile-common-TabbedPage__tab {
  display: inline-block;
  min-width: 100px;
  width: calc(100% / 3);
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  text-align: center;
  text-transform: uppercase;
}

.src-app-components-mobile-common-TabbedPage__activeTab {
  background-color: #fff;
  color: #000000;
  border-radius: 6px;
}

.src-app-components-mobile-common-TabbedPage__pageContent {;
}





.src-app-components-mobile-store-Profile__storeProfile .diamonds {
    padding: 0 0 20px 0;
  }

.src-app-components-mobile-store-Profile__header {
  height: 100px;
}

.src-app-components-mobile-store-Profile__storeName {
  color: #fff;
  font-weight: 300;
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.src-app-components-mobile-store-Profile__card {
  background-color: #fff;
  margin-bottom: 20px;
}

.src-app-components-mobile-store-Profile__storePane {
  text-align: center;
  padding: 20px;
  background: #fff;
}

.src-app-components-mobile-store-Profile__ratingContainer {
  word-break: break-all;
}

.src-app-components-mobile-store-Profile__rating {
  color: #f7d202;
}

.src-app-components-mobile-store-Profile__notRated {
  color: #ddd;
}

.src-app-components-mobile-store-Profile__openHour {
  display: inline-block;
  border-radius: 2px;
  background-color: #f4f4f4;
  padding: 10px 10px;
  margin-top: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.src-app-components-mobile-store-Profile__distance {
  color: #000000;
  margin-top: 0px;
  padding-top: 15px;
  padding-left: 1px;
}

.src-app-components-mobile-store-Profile__stuff_pic_info {
  /* Remove absolute positioning */
  /* position: absolute;
  left: 86px;
  top: 0px; */

  /* Use flexbox layout instead */
  flex: 1;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  /* Remove whitespace nowrap to allow proper wrapping */
  white-space: nowrap;
}

.src-app-components-mobile-store-Profile__story {
  margin-top: 50px;
}

.src-app-components-mobile-store-Profile__stuff {
  margin-top: 0px;
  /* Change to flex layout */
  display: flex;
  align-items: center
  /* Remove relative positioning since we're not using absolute positioning anymore */
  /* position: relative; */
}

.src-app-components-mobile-store-Profile__stuff img {
    width: 75px; /* Match the seller_pic img size */
    height: 75px;
    border-radius: 50%;
    border: 1px solid #c5c5c5;
    padding: 5px;
    -o-object-fit: cover;
       object-fit: cover;
  }

.src-app-components-mobile-store-Profile__stuff_pic {
  flex-shrink: 0; /* Prevent image from shrinking */
}

.src-app-components-mobile-store-Profile__stuffName {
  font-size: 18px;
  margin: 0px 0;
}

.src-app-components-mobile-store-Profile__stuffTitle {
  text-transform: uppercase;
  font-size: 12px;
}

.src-app-components-mobile-store-Profile__contactCard {
  padding: 0;
}

.src-app-components-mobile-store-Profile__logo {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 8px 8px 0 0;
  color: #fff
}

.src-app-components-mobile-store-Profile__logo h3 {
    color: #fff;
    font-weight: 100;
  }

.src-app-components-mobile-store-Profile__logo p {
    font-size: 9px;
  }

.src-app-components-mobile-store-Profile__contact {
  padding: 20px;
}

.src-app-components-mobile-store-Profile__address {
  font-size: 12px;
}

.src-app-components-mobile-store-Profile__addressLine {
  margin: 5px 0;
}

.src-app-components-mobile-store-Profile__infoItem {
  color: #000000;
  margin: 10px 0;
  font-size: 12px
}

.src-app-components-mobile-store-Profile__infoItem .fa {
    font-size: 16px;
  }

.src-app-components-mobile-store-Profile__well {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 4px
}

.src-app-components-mobile-store-Profile__well i {
    font-size: 12px;
    font-style: normal;
    color: #000000;
  }

.src-app-components-mobile-store-Profile__hours {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300
}

.src-app-components-mobile-store-Profile__hours table {
    width: 100%;
  }

.src-app-components-mobile-store-Profile__weekday {
  text-align: left;
  text-transform: uppercase;
  width: 50%;
  padding: 5px;
}

.src-app-components-mobile-store-Profile__today {
  color: #000000;
}

.src-app-components-mobile-store-Profile__service {
  display: inline-block;
  width: 40%;
  margin: 5px;
  text-transform: uppercase;
  color: #888;
  font-size: 12px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-mobile-store-Profile__noServices {
  margin: 30px 0;
}

.src-app-components-mobile-store-Profile__galleryCard {
  padding: 0;
}

.src-app-components-mobile-store-Profile__gallery .slick-list {
    min-height: 320px;
    padding-bottom: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

.src-app-components-mobile-store-Profile__gallery .slick-dots {
    bottom: 10px
  }

.src-app-components-mobile-store-Profile__gallery .slick-dots button:before {
      color: #000000;
    }

.src-app-components-mobile-store-Profile__diamondList {
  padding: 20px;
}

.src-app-components-mobile-store-Profile__bottomBorder {
  border-bottom: 1px solid #000;
}

.src-app-components-mobile-store-Profile__filters {
  padding: 10px 20px;
  margin-bottom: 1px;
  background-color: #fff;
  box-shadow: 0 0 1px 0 #aaa;
}

.src-app-components-mobile-store-Profile__dropdownFilter {
  margin-bottom: 8px
}

.src-app-components-mobile-store-Profile__dropdownFilter:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-store-Profile__profile {
  height: auto !important;
}

.src-app-components-mobile-store-Profile__profile .pageContent {
    height: auto !important;
  }

.src-app-components-mobile-store-Profile__profileCount {
  margin: 0;
  color: #aaa;
}

.src-app-components-mobile-store-Profile__messageSellerBtn {
}

.src-app-components-mobile-store-Profile__mobheading_top {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-mobile-store-Profile__mobheading_top h2 {
  font-size: 22px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
}

.src-app-components-mobile-store-Profile__mobheading_top img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
}

.src-app-components-mobile-store-Profile__seller_des_top {
  display: flex;
  padding: 7px 15px;
  align-items: top;
  justify-content: space-between;
  background: #f9f9f9 !important;
}

.src-app-components-mobile-store-Profile__seller_pic {
  width: 85px;
}

.src-app-components-mobile-store-Profile__seller_pic img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}

.src-app-components-mobile-store-Profile__seller_pic_info {
  flex: 1;
  display: flex;
  /* align-items: center; */
}

.src-app-components-mobile-store-Profile__followus {
  position: relative;
  padding: 17px 0 0px;
}

.src-app-components-mobile-store-Profile__followus a {
  background: #000;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
}

.src-app-components-mobile-store-Profile__seller_pic_opt {
  flex: 1;
  margin-right: 5px;
}

.src-app-components-mobile-store-Profile__seller_pic_opt h2 {
  font-size: 16px;
}

.src-app-components-mobile-store-Profile__seller_pic_opt p {
  font-size: 14px;
}

.src-app-components-mobile-store-Profile__followus span {
  display: block;
  background: #000;
  display: inline-block;
  color: #fff;
  padding: 7px 16px;
  font-weight: 600;
}

.src-app-components-mobile-store-Profile__rating_opt_block {
  display: flex;
  grid-gap: 5px;
  padding-top: 80px;
}

.src-app-components-mobile-store-Profile__rating_opt_text {
  color: gray;
}

.src-app-components-mobile-store-Profile__storeName {
  display: none !important;
}

.src-app-components-mobile-store-Profile__pageHeader {
  background: #fff !important;
}

.src-app-components-mobile-store-Profile__description_block {
  padding: 0;
}

.src-app-components-mobile-store-Profile__description_block h3 {
  color: gray;
  padding: 0px;
  margin: 0px 0px 5px;
}

.src-app-components-mobile-store-Profile__description_block p {
  color: gray;
}

.src-app-components-mobile-store-Profile__following_option {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

.src-app-components-mobile-store-Profile__following_des {
  max-width: 120px;
  margin: 0px 10px;
  text-align: center;
}

.src-app-components-mobile-store-Profile__following_des span {
  display: inline-block;
  margin: 0px auto;
  background: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  width: 60px;
  font-size: 20px;
  margin-bottom: 10px;

  em {
    font-style: normal;
    font-size: 13px;
  }
}

.src-app-components-mobile-store-Profile__following_des p {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.src-app-components-mobile-store-Profile__product_view_wrap {
  display: flex;
  flex-wrap: wrap;
}

.src-app-components-mobile-store-Profile__product_view_item {
  flex: 0 50%;
  border: 1px solid #ffffff;
  position: relative;
}

.src-app-components-mobile-store-Profile__product_view_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*  */
.src-app-components-mobile-store-Profile__thumbnailDescriptionContainer {
  padding: 0px 15px;
}

.src-app-components-mobile-store-Profile__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
}

.src-app-components-mobile-store-Profile__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-mobile-store-Profile__ratingContainer {
  width: 100%;
  display: flex;
  grid-gap: 5px;
  word-break: break-all;
}

.src-app-components-mobile-store-Profile__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
}

.src-app-components-mobile-store-Profile__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-store-Profile__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
}

.src-app-components-mobile-store-Profile__priceContainer p {
  font-size: 14px;
  color: #959595;
  margin: 0px;
}

.src-app-components-mobile-store-Profile__priceContainer .src-app-components-mobile-store-Profile__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-mobile-store-Profile__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-mobile-store-Profile__actionsContainer .src-app-components-mobile-store-Profile__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-store-Profile__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-store-Profile__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-mobile-store-Profile__actions button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-mobile-store-Profile__retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.src-app-components-mobile-store-Profile__retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.src-app-components-mobile-store-Profile__showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-store-Profile__clamp {
  -webkit-line-clamp: 3;
}

.src-app-components-mobile-store-Profile__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-mobile-store-Profile__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-mobile-store-Profile__sellerImage {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.src-app-components-mobile-store-Profile__detailsWrapper {
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

.src-app-components-mobile-store-Profile__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-mobile-store-Profile__product_view_wrap2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.src-app-components-mobile-store-Profile__product_view_add {
  flex: 50%;
}

.src-app-components-mobile-store-Profile__newsaveButton {
  position: absolute;
  bottom: 8px;
  right: 6px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: #fff !important;
  border: none;
  font-size: 20px;
  line-height: 51px;
  /* background: rgba(255, 255, 255, 0.5); */
  background-color: #e4ded4;
  z-index: 9;
}
@media (max-width: 767px) {
  .src-app-components-mobile-store-Profile__stuffName {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 767px) {
  .src-app-components-mobile-store-Profile__thumbnailDescription {
    /* font-size: 15px; */
    white-space: nowrap;
  }

  .src-app-components-mobile-store-Profile__thumbnailImageContainer {
    height: 150px;
  }

  .src-app-components-mobile-store-Profile__thumbnailDescriptionContainer {
    grid-gap: 5px;
  }

  .src-app-components-mobile-store-Profile__src-app-components-common-SimilarItemsCard__heading {
    font-size: 20px;
  }
}

/* @media only screen and (max-width: 479px) {
  .thumbnailDescription {
    font-size: 14px;
  }
  .thumbnailImageContainer {
    height: 150px;  
  }
  .ratingContainer {
    font-size: 12px;
  }
  
  .ratingContainer p span {
    font-weight: 500;
  }
  .ratingWrapper p {
    font-size: 12px;
  }
  
  .thumbnailPrice {
    font-size: 12px;
  }
  
  .callForPrice {
    font-size: 12px;
  }
  .priceContainer p {
    font-size: 12px;
  }
  
.priceContainer .price {
  font-size: 12px;
  font-weight: 600;
}

} */

/*  */

.src-app-components-mobile-store-Profile__thumbnailDescriptionContainer {
  flex: 1;
  padding: 40px 10px 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
}

.src-app-components-mobile-store-Profile__retailerShortDescription {
  color: #777777;
}

.src-app-components-mobile-store-Profile__ratingsPanel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.src-app-components-mobile-store-Profile__ratingsPanel .src-app-components-mobile-store-Profile__value {
    text-transform: uppercase;
  }

.src-app-components-mobile-store-Profile__rating {
  color: #ffa043;
}

.src-app-components-mobile-store-Profile__notRated {
  color: #ddd;
}

.src-app-components-mobile-store-Profile__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-mobile-store-Profile__ratingWrapper p {
  font-family: 'Playfair Display Bold';
  font-size: 0.9rem;
}

.src-app-components-mobile-store-Profile__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-mobile-store-Profile__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-mobile-store-Profile__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
}

.src-app-components-mobile-store-Profile__background {
  width: 100%;
  background-color: #f6f6f6;
  margin-top: 40px;
  height: auto;
}

.src-app-components-mobile-store-Profile__heading {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: 'Playfair Display Bold';
  text-align: center;
}

.src-app-components-mobile-store-Profile__viewMore {
  font-size: 14px;
  font-weight: 300;
  border-width: 1px;
  padding: 12px 20px
}

@media (max-width: 1024px) {

.src-app-components-mobile-store-Profile__viewMore {
    font-size: 12px
}
  }

.src-app-components-mobile-store-Profile__viewMore:hover {
  background-color: #000000;
  color: #fff;
}

.src-app-components-mobile-viewing-Bookings__paneHeader {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #838383;
}

.src-app-components-mobile-viewing-Bookings__paneDesc {
  text-align: center;
  margin-top: 0;
  margin: 15px 0;
}

.src-app-components-mobile-viewing-Bookings__bookingsPane {
  padding: 20px;
}

.src-app-components-mobile-viewing-Retailers__retailersPane {
  padding: 20px;
}

.src-app-components-mobile-viewing-Viewing__pageHeader {
  height: 60px;
}

.src-app-components-mobile-home-MobMessage-message__modaldilogMessage {
  padding: 16px;
  display: flex;
  width: 100%;
  height: 100vh;
}
.src-app-components-mobile-home-MobMessage-message__messagewrap {
  width: 100%;
  flex-direction: column;
  display: flex;
}
.src-app-components-mobile-home-MobMessage-message__messagewrapTop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: 45px;
}
.src-app-components-mobile-home-MobMessage-message__lefttop {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  padding: 16px;
  background: #fff;
  z-index: 99;
  width: 100%;
  box-shadow: 0px 0px 8px #ccc;
}
.src-app-components-mobile-home-MobMessage-message__toplefticon {
  display: flex;
  align-items: center;
}
.src-app-components-mobile-home-MobMessage-message__toplefticon img {
  width: 30px;
  margin-right: 8px;
}

.src-app-components-mobile-home-MobMessage-message__toplefticon span {
  font-size: 18px;
  font-family: 'Playfair Display Black';
  color: #84818a;
}

.src-app-components-mobile-home-MobMessage-message__toplefttitle {
  display: inline-block;
  border-left: 1px solid #eaeaea;
  margin-left: 16px;
  padding-left: 16px;
  font-size: 16px;
  color: #84818a;
  font-family: 'Playfair Display Bold';
}
.src-app-components-mobile-home-MobMessage-message__toplefttitle a {
  font-family: 'Playfair Display Regular';
}

.src-app-components-mobile-home-MobMessage-message__messFeatwrap {
  position: fixed;
  background: #fff;
  left: 0;
  z-index: 9;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 99;
  box-shadow: 0px 0px 8px #ccc;
}

.src-app-components-mobile-home-MobMessage-message__righttop {
  padding: 10px 0 0;
}
.src-app-components-mobile-home-MobMessage-message__foricon {
  background: transparent !important;
  margin: 0px 8px;
  height: 40px;
  width: 40px;
  border-radius: 12px;
  border: 1px solid #eaeaea;
  cursor: pointer;
}

.src-app-components-mobile-home-MobMessage-message__messagewrapBbody {
  flex: 1;
  justify-content: space-between;
  grid-gap: 10px;
  /* height: 100%; */
  padding-top: 16px;
  flex-direction: column;
}
.src-app-components-mobile-home-MobMessage-message__messagewrapLeft {
  max-height: calc(100vh - 120px);
  overflow: auto;
  padding: 12px;
}
.src-app-components-mobile-home-MobMessage-message__profilecard {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: 0px 0px 8px #f2f2f2;
  padding: 12px;
  margin-bottom: 16px;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.src-app-components-mobile-home-MobMessage-message__profilecardtop {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.src-app-components-mobile-home-MobMessage-message__profilecardtopleft {
  display: flex;
  align-items: center;
  grid-gap: 8px;
}
.src-app-components-mobile-home-MobMessage-message__crdprofilepic {
  width: 40px;
  height: 40px;
  border: 2px solid #ccc;
  position: relative;
  border-radius: 50%;
}
.src-app-components-mobile-home-MobMessage-message__crdprofilepic span {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: yellowgreen;
  border-radius: 50%;
  border: 2px solid #fff;
  top: 3px;
  right: -3px;
}

.src-app-components-mobile-home-MobMessage-message__crdprofilepic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.src-app-components-mobile-home-MobMessage-message__cardinfo h3 {
  font-size: 18px;
  font-family: 'Playfair Display Black';
}

.src-app-components-mobile-home-MobMessage-message__cardinfo {
  font-size: 14px;
  font-family: 'Futura Regular';
  color: #84818a;
}

.src-app-components-mobile-home-MobMessage-message__profilecardtopRight {
  font-size: 12px;
  font-family: 'Futura Regular';
  color: #84818a;
  padding-left: 47px;
}

.src-app-components-mobile-home-MobMessage-message__profilecardbottom p {
  font-size: 14px;
  font-family: 'Futura Regular';
  color: #84818a;

  span {
    color: #000;
    cursor: pointer;
  }
}

.src-app-components-mobile-home-MobMessage-message__messagewrapRight {
  padding: 0;
  /* padding-top: 50px;
  height: calc(100vh - 110px); */
  overflow: auto;
}
.src-app-components-mobile-home-MobMessage-message__chatbox {
  padding: 0px;
  background-color: #fff;
  border-radius: 0px;
  /* box-shadow: 0px 0px 8px #f2f2f2; */
  height: 100%;
  /* height: calc(100vh - 100px); */
  width: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.src-app-components-mobile-home-MobMessage-message__chatboxtop {
  width: 100%;
  margin-bottom: 16px;
}
.src-app-components-mobile-home-MobMessage-message__chatboxtop h1 {
  font-size: 20px;
  font-family: 'Playfair Display Bold';
}
.src-app-components-mobile-home-MobMessage-message__chatboxtop h1 span {
  font-family: 'Playfair Display Regular';
}

.src-app-components-mobile-home-MobMessage-message__chatboxbopdy {
  /* height: calc(100% - 52px); */
  /* flex: 1; */
  width: 100%;
  /* width: 100%; */
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
  max-height: calc(100vh - 160px);
  min-height: calc(100vh - 160px);
}
.src-app-components-mobile-home-MobMessage-message__listofchat {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  position: relative
}
.src-app-components-mobile-home-MobMessage-message__listofchat::after {
    content: '';
    position: absolute;
    width: 200px;
    height: 1px;
    background-color: #d9d9d9;
    right: 0;
    bottom: 0;
  }

.src-app-components-mobile-home-MobMessage-message__lischattitem {
  width: 100%;
  display: flex;
  padding-bottom: 16px;
}
.src-app-components-mobile-home-MobMessage-message__listitemleft {
  width: 70px;
}
.src-app-components-mobile-home-MobMessage-message__lischattitem img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.src-app-components-mobile-home-MobMessage-message__listitemright {
  width: calc(100% - 70px);
}
.src-app-components-mobile-home-MobMessage-message__listitemrighttop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.src-app-components-mobile-home-MobMessage-message__listitemrighttop h3 {
  font-family: 'Playfair Display Regular';
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 40%;
}

.src-app-components-mobile-home-MobMessage-message__listitemrighttop span {
  font-family: 'Futura Regular';
  padding-right: 16px;
  display: flex;
  justify-content: end;
  align-items: center;
  flex: 1;
}

.src-app-components-mobile-home-MobMessage-message__listitemrightbottom p {
  font-family: 'Futura Regular';
  font-size: 14px;
}

.src-app-components-mobile-home-MobMessage-message__chatboxfooter {
  margin-top: 2px;
  display: flex;
  width: 100%;
  grid-gap: 8px;
  justify-content: space-between;
  align-items: baseline;
  box-shadow: 0px 4px 10px #d9d9d9;
  padding: 6px;
  /* position: relative; */
  position: fixed;
  left: 0;
  bottom: 0;
  /* overflow: hidden; */
  z-index: 99;
  background: #fff;
}
.src-app-components-mobile-home-MobMessage-message__chatboxfooter em-emoji-picker {
  position: absolute;
  top: -436px;
  z-index: 999;
}
.src-app-components-mobile-home-MobMessage-message__attachmentsimgwrap {
  position: absolute;
  top: -90px;
  padding: 4px;
  display: flex;
  grid-gap: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: calc(100% - 40px);
  padding-right: 10px;
  height: 92px;
  background: #fff;
  box-shadow: 0px 0px 8px #ccc;
  flex-wrap: wrap;
}
.src-app-components-mobile-home-MobMessage-message__attachmentsimgwrap span {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.src-app-components-mobile-home-MobMessage-message__attachmentsimgDoc {
  max-width: 100%;
  min-width: 160px;
  height: auto;
  padding: 4px;
  background: #fff;
  box-shadow: 0px 0px 8px #ccc;
  border-radius: 0px;
  text-align: center;
  display: flex;
  grid-gap: 12px;
  align-items: center;
  position: relative;
}
.src-app-components-mobile-home-MobMessage-message__attachmentsimgDoc p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.src-app-components-mobile-home-MobMessage-message__attachmentsimg {
  /* width: 100%; */
  max-width: 100px;
  height: 80px;
  padding: 4px;
  background: #fff;
  box-shadow: 0px 0px 8px #ccc;
  border-radius: 0px;
  /* text-align: center; */
  position: relative;
}
.src-app-components-mobile-home-MobMessage-message__attachmentsimg p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.src-app-components-mobile-home-MobMessage-message__attachmentsimg img {
  /* width: 100%; */
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-mobile-home-MobMessage-message__fchatprofile {
  width: 70px;
  display: contents;
}
.src-app-components-mobile-home-MobMessage-message__fchatprofile img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.src-app-components-mobile-home-MobMessage-message__fchattext {
  /* width: calc(100% - 200px); */
  flex: 1;
}
.src-app-components-mobile-home-MobMessage-message__fchattext input {
  border: none;
  width: 100%;
  font-size: 16px;
  font-family: 'Futura Regular';
  color: #84818a;
}
/* .fchattext textarea {
  border: none;
  width: 100%;
  font-size: 16px;
  font-family: 'Futura Regular';
  color: #84818a;
  resize: none;
} */
.src-app-components-mobile-home-MobMessage-message__fchattext textarea {
  width: 100%;
  height: 25px;
  border: none;
  font-family: 'Futura Regular';
  color: #84818a;
  resize: none;
  width: 100%;
  /* height: 28px; */
  max-height: 120px;
  resize: none;
  overflow-y: auto;
  border: none;
  outline: none;
  padding: 0px 10px;
  border-radius: 8px;
  font-size: 16px;
  background: #fff;
}

.src-app-components-mobile-home-MobMessage-message__fchatbutton {
  display: flex;
  width: 130px;
  align-items: center;
}
.src-app-components-mobile-home-MobMessage-message__fchatbutton Button {
  background-color: transparent;
  padding: 0px;
  border-left: 1px solid #d9d9d9;
  border-radius: 0px;
  padding: 0px 10px;
  height: 40px
}
.src-app-components-mobile-home-MobMessage-message__fchatbutton Button:nth-child(1) {
    border: none;
    img {
      box-shadow: 0px 0px 4px #000;
      border-radius: 50%;
      width: 20px;
    }
  }
.src-app-components-mobile-home-MobMessage-message__fchatbutton Button:nth-child(2) {
    img {
      box-shadow: 0px 0px 4px #000;
      border-radius: 50%;
      width: 20px;
    }
  }

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey; */
  background: #f1f1f1;
  border-radius: 10px;
}

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

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

.src-app-components-mobile-home-MobMessage-message__searchInput {
  margin-left: 10px;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.src-app-components-mobile-home-MobMessage-message__forblankmessage {
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.src-app-components-mobile-home-MobMessage-message__forblankmessage img {
  width: 50px;
  height: auto;
}

.src-app-components-mobile-home-MobMessage-message__forblankmessage p {
  font-size: 16px;
}

.src-app-components-mobile-home-MobMessage-message__messFeatwrap .src-app-components-mobile-home-MobMessage-message__backbtn {
  display: flex;
  align-items: center;
  margin: 0px 15px 7px 0;
}
.src-app-components-mobile-home-MobMessage-message__messFeatwrap .src-app-components-mobile-home-MobMessage-message__backbtn img {
  width: 15px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .src-app-components-mobile-home-MobMessage-message__searchInput {
    position: relative;
    top: -4px;
  }
}

.src-app-components-mobile-home-MobMessage-message__pageContent {
  padding: 0 15px;
  overflow-y: auto;
}

/*  */
.src-app-components-mobile-home-MobMessage-message__messagingFeaturewarp {
  background: #fff;
}

.src-app-components-mobile-home-MobMessage-message__messagingFeaturetop {
  position: relative;
}

.src-app-components-mobile-home-MobMessage-message__messFeatwrap {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-mobile-home-MobMessage-message__mobheading_top h2 {
  font-size: 22px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
}

.src-app-components-mobile-home-MobMessage-message__messFeatwrap .src-app-components-mobile-home-MobMessage-message__mobusericon {
  width: 45px;
}

.src-app-components-mobile-home-MobMessage-message__messFeatwrap .src-app-components-mobile-home-MobMessage-message__mobusericon img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  /* position: relative; */
  /* border: 1px solid #c5c5c5; */
  /* padding: 5px; */
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-mobile-home-MobMessage-message__messagingFeatdes {
  flex: 1;
  text-align: center;
}

.src-app-components-mobile-home-MobMessage-message__messagingFeatdes h2 {
  font-size: 16px;
}

.src-app-components-mobile-home-MobMessage-message__messagingFeatdes p {
  font-size: 14px;
  color: #aaa;
}

.src-app-components-mobile-home-MobMessage-message__messagingContent {
  height: calc(100vh - 132px);
  padding: 0px 15px;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;

  /* height: calc(100vh - 132px);
    padding: 0px 15px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    scroll-behavior: smooth; 
    justify-content: flex-end; */
}

.src-app-components-mobile-home-MobMessage-message__messagingrep {
  padding: 10px 0px;
}

.src-app-components-mobile-home-MobMessage-message__messagingrepcont {
  display: flex;
  justify-content: space-between;
}

.src-app-components-mobile-home-MobMessage-message__proficon {
  width: 35px;
}

.src-app-components-mobile-home-MobMessage-message__proficon img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 0px;
}

.src-app-components-mobile-home-MobMessage-message__proficon_info {
  flex: 1;
  padding: 7px 15px 7px;
  text-align: right;
}

.src-app-components-mobile-home-MobMessage-message__mess_text {
  display: block;
  margin-bottom: 6px;
}

.src-app-components-mobile-home-MobMessage-message__mess_text span {
  display: inline-block;
  background: #f1f1f1;
  padding: 5px 10px;
  border-radius: 6px 6px 6px 0;
}

.src-app-components-mobile-home-MobMessage-message__messimage {
  border-radius: 15px;
}

.src-app-components-mobile-home-MobMessage-message__messimage img {
  width: 50%;
}

.src-app-components-mobile-home-MobMessage-message__messimage img {
  border-radius: 10px;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt {
  padding: 10px 0px;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt .src-app-components-mobile-home-MobMessage-message__messagingrepcont {
  display: flex;
  flex-direction: row-reverse;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt .src-app-components-mobile-home-MobMessage-message__proficon_info {
  text-align: left;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt .src-app-components-mobile-home-MobMessage-message__mess_text span {
  background: #000000;
  border-radius: 6px 0px 6px 6px;
  color: #fff;
}

.src-app-components-mobile-home-MobMessage-message__messagingInp_outer {
  position: fixed;
  left: 0px;
  border: 0px;
  background: #f7f7f7;
  width: 100%;
  z-index: 200;
}

.src-app-components-mobile-home-MobMessage-message__messagingInpwrap {
  display: flex;
  padding: 15px;
  justify-content: space-between;
}

.src-app-components-mobile-home-MobMessage-message__messinp_des {
  flex: 1;
}

.src-app-components-mobile-home-MobMessage-message__messicon {
  margin: 0px 4px;
}

.src-app-components-mobile-home-MobMessage-message__messinp_des {
  position: relative;
  flex: 1;
}

.src-app-components-mobile-home-MobMessage-message__messagingicon {
  display: flex;
  color: #c3c3c3;
  font-size: 21px;
  margin: 2px;
}

.src-app-components-mobile-home-MobMessage-message__arrowUp {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 25px;
  color: #c3c3c3;
  line-height: normal;
  border: 0px;
  outline: 0px;
  padding: 0px 5px;
  background: transparent;
}

.src-app-components-mobile-home-MobMessage-message__fromcontrol {
  padding: 5px 10px;
  background: #ffffff;
  border: 0px;
  outline: 0px;
  width: 100%;
  border-radius: 20px;
}

.src-app-components-mobile-home-MobMessage-message__emojiPicker_opt {
  position: absolute;
  bottom: 68px;
  z-index: 10000;
  left: 14px;
}

.src-app-components-mobile-home-MobMessage-message__attachmentsimgwrap {
  position: absolute;
  bottom: 78px;
  z-index: 100;
  left: 14px;
  border: 1px solid #a0a0a0;
  color: #a0a0a0 !important;
  box-shadow: 0px 0px 15px transparent;
}

.src-app-components-mobile-home-MobMessage-message__img_closeicon {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  font-style: normal;
  /* border-radius: 50%; */
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 14px;
  border: 1px solid #a0a0a0;
  color: #000 !important;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep {
  padding: 10px 0px;
}

.src-app-components-mobile-home-MobMessage-message__messagingrepcont {
  display: flex;
  justify-content: space-between;
}

.src-app-components-mobile-home-MobMessage-message__proficon {
  width: 35px;
}

.src-app-components-mobile-home-MobMessage-message__proficon img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 0px;
}

.src-app-components-mobile-home-MobMessage-message__proficon_info {
  flex: 1;
  padding: 7px 15px 7px;
  text-align: right;
}

.src-app-components-mobile-home-MobMessage-message__mess_text {
  display: block;
  margin-bottom: 6px;
}

.src-app-components-mobile-home-MobMessage-message__mess_text span {
  display: inline-block;
  background: #f1f1f1;
  padding: 5px 10px;
  border-radius: 6px 6px 6px 0;
}

.src-app-components-mobile-home-MobMessage-message__messimage {
  border-radius: 15px;
}

.src-app-components-mobile-home-MobMessage-message__messimage img {
  width: 50%;
}

.src-app-components-mobile-home-MobMessage-message__messimage img {
  border-radius: 10px;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt {
  padding: 10px 0px;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt .src-app-components-mobile-home-MobMessage-message__messagingrepcont {
  display: flex;
  flex-direction: row-reverse;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt .src-app-components-mobile-home-MobMessage-message__proficon_info {
  text-align: left;
}

.src-app-components-mobile-home-MobMessage-message__messagingrep_ans_opt .src-app-components-mobile-home-MobMessage-message__mess_text span {
  background: #000000;
  border-radius: 6px 0px 6px 6px;
  color: #fff;
}

.src-app-components-mobile-home-MobMessage-message__messagingInp_outer {
  position: fixed;
  left: 0px;
  border: 0px;
  background: #f7f7f7;
  width: 100%;
  z-index: 200;
}

.src-app-components-mobile-home-MobMessage-message__messagingInpwrap {
  display: flex;
  padding: 15px;
  justify-content: space-between;
}

.src-app-components-mobile-home-MobMessage-message__messinp_des {
  flex: 1;
}

.src-app-components-mobile-home-MobMessage-message__messicon {
  margin: 0px 4px;
}

.src-app-components-mobile-home-MobMessage-message__messinp_des {
  position: relative;
  flex: 1;
}

.src-app-components-mobile-home-MobMessage-message__messagingicon {
  display: flex;
  color: #c3c3c3;
  font-size: 21px;
  margin: 2px;
}

.src-app-components-mobile-home-MobMessage-message__arrowUp {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 25px;
  color: #c3c3c3;
  line-height: normal;
  border: 0px;
  outline: 0px;
  padding: 0px 5px;
  background: transparent;
}

.src-app-components-mobile-home-MobMessage-message__fromcontrol {
  padding: 5px 10px;
  background: #ffffff;
  border: 0px;
  outline: 0px;
  width: 100%;
  border-radius: 20px;
}

.src-app-components-mobile-home-MobMessage-message__emojiPicker_opt {
  position: absolute;
  bottom: 68px;
  z-index: 10000;
  left: 14px;
}

.src-app-components-mobile-home-MobMessage-message__attachmentsimgwrap {
  position: absolute;
  bottom: 78px;
  z-index: 100;
  left: 14px;
  border: 1px solid #a0a0a0;
  color: #a0a0a0 !important;
  box-shadow: 0px 0px 15px transparent;
}

.src-app-components-mobile-home-MobMessage-message__img_closeicon {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  font-style: normal;
  /* border-radius: 50%; */
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 14px;
  border: 1px solid #a0a0a0;
  color: #000 !important;
}

.src-app-components-mobile-home-MobMessage-message__deleteIcon {
  /* position: absolute;
  color: #ff0000; */
  position: absolute;
  top: -1px;
  right: -3px;
  color: #ff0000;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 1px solid #ff0000;
  padding: 3px;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 420px) {
  .src-app-components-mobile-home-MobMessage-message__messagewrapBbody .src-app-components-mobile-home-MobMessage-message__messagewrapRight .src-app-components-mobile-home-MobMessage-message__fchattext input {
    font-size: 10px !important;
  }
}

.src-app-components-mobile-home-MobMessage-message__chatMessageContainer {
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  padding-right: 6px;
}

.src-app-components-mobile-home-MobMessage-message__messageText {
  display: inline;
  word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  max-width: 100%;
}

.src-app-components-mobile-home-MobMessage-message__seeMoreBtn {
  background: none;
  border: none;
  color: #007bff;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
  text-decoration: underline;
  padding: 0;
}

.src-app-components-mobile-home-MobMessage-message__seeMoreBtn:hover {
  color: #0056b3;
}

.src-app-components-mobile-auth-Form__form {
  /* composes: form from '~common/components/common/form/Form.css'; */
  border: none
}

.src-app-components-mobile-auth-Form__form input {
    width: 100%;
  }

.src-app-components-mobile-auth-Form__checkboxText {
  margin-left: 5px;
  line-height: 15px;
  text-transform: uppercase;
}

.src-app-components-mobile-auth-Form__footer {
  margin-top: 10px;
  text-align: center
}

.src-app-components-mobile-auth-Form__footer .src-app-components-mobile-auth-Form__note {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px
  }

.src-app-components-mobile-auth-Form__footer .src-app-components-mobile-auth-Form__note p {
      margin-bottom: 0;
    }

.src-app-components-mobile-auth-Form__submitButton {
  background-color: #000000;
  width: 100%;
}

.src-app-components-mobile-auth-Form__submitButton2 {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  width: 100%;
  margin-bottom: 10px;
}

.src-app-components-mobile-auth-Form__secondaryAction {
  margin-top: 5px;
  font-size: 12px;
}

.src-app-components-mobile-auth-Form__landingSectionTemplate {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  color: #777;
  font-family: 'Futura Regular', sans-serif
}

.src-app-components-mobile-auth-Form__landingSectionTemplate a {
    color: #000000;
  }

.src-app-components-mobile-auth-Form__landingSectionTemplate p {
    margin: 0 0 30px;
  }

.src-app-components-mobile-auth-Form__landingSectionTemplate h2 {
    font-size: 40px;
    font-weight: 400;
    margin: 0px 0px 30px 0px;
    color: #333;
  }

.src-app-components-mobile-auth-Form__landingSectionTemplate .src-app-components-mobile-auth-Form__dividerLine {
    border-top: 1px solid #ccc;
    width: 100%;
    max-width: 200px;
    margin: 40px auto;
  }

@media (--bpSizeSmallPhone) {

.src-app-components-mobile-auth-Form__landingSectionTemplate {
    font-size: 16px;
    line-height: 28px
}

    .src-app-components-mobile-auth-Form__landingSectionTemplate h2 {
      font-size: 34px;
    }
  }

@media (--bpSizeCustomPhone) {
    .src-app-components-mobile-auth-Form__landingSectionTemplate h2 {
      font-size: 28px;
    }
  }

.src-app-components-mobile-auth-Form__loginErrorMsg {
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  color: red;
}

.src-app-components-mobile-auth-Form__wellcome_logonscreen {
  background-color: #fff;
  /* background: url(~assets/images/mobile/mob_login.png) no-repeat center top !important; */
  width: 100%;
  background-size: 100%;
  /* height: 100vh; */
  align-items: normal;
  background-size: cover !important;
  /* overflow: auto; */
  padding-bottom: 30px;
}

.src-app-components-mobile-auth-Form__landingSignUpForm {
  background-color: #f7f7f7;
  /* background-image: url(~assets/images/mobile/mob_login.png);  */
  background-size: 100%;
  /* height: 100vh; */
  align-items: normal
}

.src-app-components-mobile-auth-Form__landingSignUpForm .src-app-components-mobile-auth-Form__wrapper {
    padding: 60px 30px 60px 30px;
    text-align: center;
    max-width: 800px;
    /* min-height: 800px; */
  }

.src-app-components-mobile-auth-Form__landingSignUpForm .src-app-components-mobile-auth-Form__landingForm {
    max-width: 450px;
    margin: 0px auto;
    text-align: left;
  }

.src-app-components-mobile-auth-Form__landingSignUpForm h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
  }

.src-app-components-mobile-auth-Form__landingSignUpForm footer p {
    margin: 0px;
    line-height: 20px;
  }

.src-app-components-mobile-auth-Form__landingSignUpForm .src-app-components-mobile-auth-Form__landingForm {
    margin-bottom: 30px;
  }

@media (--bpSizeSmallPhone) {
    .src-app-components-mobile-auth-Form__landingSignUpForm .src-app-components-mobile-auth-Form__wrapper {
      padding: 60px 30px 20px 30px;
    }
  }

.src-app-components-mobile-auth-Form__landingForm {
  max-width: 450px;
  margin: 0px auto;
  text-align: left;
}

.src-app-components-mobile-auth-Form__card {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px;
}

.src-app-components-mobile-auth-Form__wrapper {
  max-width: 450px;
  margin: 0px auto;
  text-align: left;
}

.src-app-components-mobile-auth-Form__addressInput.geosuggest {
    width: 100%
  }

.src-app-components-mobile-auth-Form__addressInput.geosuggest .geosuggest__input {
      padding: 0;
      box-shadow: none;
    }

.src-app-components-mobile-auth-Form__addressInput.geosuggest
      .geosuggest__suggests:not(.geosuggest__suggests--hidden) {
      border-width: 1px;
      border-color: #ccc;
    }

.src-app-components-mobile-auth-Form__addressInput .geosuggest__suggests--hidden {
    max-height: 0;
    overflow: hidden;
    border-width: 0;
  }

.src-app-components-mobile-auth-Form__login {
  /* background: var(--brandBeige) url('./loginForm/hero-pattern-repeat.png') */
}

.src-app-components-mobile-auth-Form__logincard {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 3px 0 0 #aaa;
  border-radius: 4px
}

.src-app-components-mobile-auth-Form__logincard .cardIcon {
    font-size: 36px;
    color: #aaa;
    margin-bottom: 10px
  }

.src-app-components-mobile-auth-Form__logincard .cardIcon.icon {
      display: inline-block;
    }

.src-app-components-mobile-auth-Form__logincard .cardHeader {
    text-align: center;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 15px;
  }

.src-app-components-mobile-auth-Form__loginFormContainer {
  width: 600px;
  margin: 120px 20px 40px 20px
}

.src-app-components-mobile-auth-Form__loginFormContainer h3 {
    margin-bottom: 15px;
    /* font-size: 14px; */
    font-weight: normal;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
  }

@media (--bpSizeSmallPhone) {

.src-app-components-mobile-auth-Form__loginFormContainer {
    width: 100%
}
  }

.src-app-components-mobile-auth-Form__loginInfo {
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  padding: 20px;
  font-weight: normal
}

.src-app-components-mobile-auth-Form__loginInfo strong,
  .src-app-components-mobile-auth-Form__loginInfo a {
    color: #000000;
  }

@media (--bpSizeSmallPhone) {

.src-app-components-mobile-auth-Form__locationFieldLabel {
    flex-direction: column;
    align-items: flex-start
}
  }

.src-app-components-mobile-auth-Form__commonlogsign {
  min-height: 100vh;
  padding: 20px 10px;
  background-color: #fff7e2;
  /* background-image: url(~assets/images/desktop/category-engagement-rings.jpg); */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;

  .src-app-components-mobile-auth-Form__commonlogsignlogo {
    h3 {
      font-family: 'Playfair Display Bold';
    }
  }

  .src-app-components-mobile-auth-Form__commonlogsignwrap {
    p {
      font-family: 'Futura Regular', sans-serif;
      font-size: 16px;
      margin-bottom: 10px;
    }

    .src-app-components-mobile-auth-Form__submitButton {
      margin-top: 10px;
      border-radius: 0px;
      display: block;
      text-align: center;
    }

    .src-app-components-mobile-auth-Form__outlinebutton {
      width: 100%;
      border: none;
      background: transparent;
      padding: 12px 30px;
      font-family: 'Futura Regular';
      font-size: 18px;
      font-weight: 700;
      text-transform: uppercase;
      border-top: 2px solid;
      border-bottom: 2px solid;
      margin-top: 12px;
      display: block;
      text-align: center;
    }
  }
}

.src-app-components-mobile-auth-Form__backbtnopt {
  position: absolute;
  left: 15px;
  top: 11px;
  font-weight: 600;
  color: #000;
  border: 1px solid #dddddd;
  padding: 4px 15px;
}
.src-app-components-mobile-auth-Form__logoicon_block {
  position: absolute;
  left: 0;
  top: -60px;
  padding: 6%;
  width: 100%;
  text-align: left;
}

.src-app-components-mobile-auth-Form__logoicon_block h2 {
  font-size: 31px !important;
  font-weight: 600 !important;
  margin: 0px 0px 15px 0px !important;
  color: #000 !important;
}

.src-app-components-mobile-auth-Form__logoicon_block p {
  color: #000;
  text-align: center;
}

.src-app-components-mobile-auth-Form__logoicon_block .src-app-components-mobile-auth-Form__submitButton {
  margin-bottom: 10px !important;
}

/* a {
  color: rgb(255 255 255) !important;
  text-decoration: none !important;
} */

.src-app-components-mobile-auth-Form__featuredsellers {
  /* background-color: #fff; */
  background-image: url(/4f62c616b201869bff7c677b15e9a5d7.png);
  background-size: 100%;
  height: 100%;
  align-items: normal
  /* height: 100vh; */
}

.src-app-components-mobile-auth-Form__featuredsellers .src-app-components-mobile-auth-Form__wrapper {
    padding: 60px 30px 60px 30px;
    text-align: center;
    max-width: 800px;
  }

.src-app-components-mobile-auth-Form__featuredsellers .src-app-components-mobile-auth-Form__landingForm {
    max-width: 450px;
    margin: 0px auto;
    text-align: left;
  }

.src-app-components-mobile-auth-Form__featuredsellers h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
  }

.src-app-components-mobile-auth-Form__featuredsellers footer p {
    margin: 0px;
    line-height: 20px;
  }

.src-app-components-mobile-auth-Form__featuredsellers .src-app-components-mobile-auth-Form__landingForm {
    margin-bottom: 30px;
  }

@media (--bpSizeSmallPhone) {
    .src-app-components-mobile-auth-Form__featuredsellers .src-app-components-mobile-auth-Form__wrapper {
      padding: 60px 30px 20px 30px;
    }
  }

.src-app-components-mobile-auth-Form__logoicon_block2 {
  position: absolute;
  left: 0;
  bottom: 59px;
  padding: 6% 6% 12% 6%;
  width: 100%;
  text-align: left;
}

.src-app-components-mobile-auth-Form__logoicon_block2 h2 {
  font-size: 31px !important;
  font-weight: 600 !important;
  margin: 0px 0px 30px 0px !important;
  color: #fff !important;
}

.src-app-components-mobile-auth-Form__logoicon_block2 p {
  color: #fff !important;
}

.src-app-components-mobile-auth-Form__logoicon_block2 .src-app-components-mobile-auth-Form__submitButton {
  margin-bottom: 10px !important;
}

/*  */

.src-app-components-mobile-auth-Form__landingSignUpForm2 {
  /* background-color: #fff; */
  background-size: 100%;
  height: 100%;
  align-items: normal
  /* height: 100vh; */
}

.src-app-components-mobile-auth-Form__landingSignUpForm2 .src-app-components-mobile-auth-Form__wrapper {
    padding: 60px 30px 60px 30px;
    text-align: center;
    max-width: 800px;
  }

.src-app-components-mobile-auth-Form__landingSignUpForm2 .src-app-components-mobile-auth-Form__landingForm {
    max-width: 450px;
    margin: 0px auto;
    text-align: left;
  }

.src-app-components-mobile-auth-Form__landingSignUpForm2 h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
  }

.src-app-components-mobile-auth-Form__landingSignUpForm2 footer p {
    margin: 0px;
    line-height: 20px;
  }

.src-app-components-mobile-auth-Form__landingSignUpForm2 .src-app-components-mobile-auth-Form__landingForm {
    margin-bottom: 30px;
  }

@media (--bpSizeSmallPhone) {
    .src-app-components-mobile-auth-Form__landingSignUpForm2 .src-app-components-mobile-auth-Form__wrapper {
      padding: 60px 30px 20px 30px;
    }
  }

.src-app-components-mobile-auth-Form__logoicon_pic {
  position: absolute;
  z-index: 10;
  left: 0px;
  top: -15px;
  text-align: center;
  width: 100%;
  padding: 130px 0 0;
}

.src-app-components-mobile-auth-Form__slideradd .slick-prev {
    left: 0;
    opacity: 0;
    background: #000;
    width: 30px;
    height: 30px;
  }

.src-app-components-mobile-auth-Form__slideradd .slick-next {
    right: 0;
    opacity: 0;
    background: #000;
    width: 30px;
    height: 30px;
  }

.src-app-components-mobile-auth-Form__passwordInputWrapper {
  position: relative;
  width: 100%
}

.src-app-components-mobile-auth-Form__passwordInputWrapper input {
    padding-right: 30px !important; /* Make room for the icon */
  }

.src-app-components-mobile-auth-Form__passwordInputWrapper span {
    position: absolute;
    right: -15px;
    /*bottom: 7px; */
    color: #838383;
    display: flex;
    align-items: center;
    padding: 0 6px;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }

.src-app-components-mobile-auth-Form__passwordInputWrapper {

  /* When input is focused, also style the icon */
}

.src-app-components-mobile-auth-Form__passwordInputWrapper input:focus + span {
    color: #000000;
  }

/* Mobile-specific adjustments for password input */
@media (--bpSizeSmallPhone) {
    .src-app-components-mobile-auth-Form__passwordInputWrapper span {
      padding: 0 4px;
      right: 2px;
    }
}

@media (--bpSizeCustomPhone) {
    .src-app-components-mobile-auth-Form__passwordInputWrapper span {
      padding: 0 3px;
    }
}

.src-app-components-mobile-home-featuredSellers__featuredsellers {
  /* composes: landingSectionTemplate; */
  /* background-color: #fff; */
  /* background-image: url(~assets/images/mobile/mob_login3.png);;  */
  background-size: 100%;
  height: 100%;
  align-items: normal;
  /* height: 100vh; */
}

.src-app-components-mobile-home-featuredSellers__slide_add {
  height: 100vh;
  position: relative;
  width: 100%;
  z-index: 0;
}

.src-app-components-mobile-home-featuredSellers__slide_add::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.6) 100%
  );
  z-index: 1;
}

.src-app-components-mobile-home-featuredSellers__slide_info {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  height: 100vh;
  color: #fff;
  padding: 20px;
  width: 100vw;
}

img.src-app-components-mobile-home-featuredSellers__slide_add_pic {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.src-app-components-mobile-home-featuredSellers__slide_info h2 {
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
}
.src-app-components-mobile-home-featuredSellers__slide_info h2 {
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
}
.src-app-components-mobile-home-featuredSellers__slide_info p {
  color: #fff;
  font-weight: bold;
  padding: 0px 0px 15px;
}
.src-app-components-mobile-home-featuredSellers__slide_info p {
  color: #fff;
  font-weight: bold;
  padding: 0px 0px 15px;
}

.src-app-components-mobile-home-featuredSellers__slidecont img {
  display: block;
  margin: 26px auto;
}
.src-app-components-mobile-home-featuredSellers__slidecont {
  text-align: center;
}

.src-app-components-mobile-home-featuredSellers__slidedes {
  position: absolute;
  left: 0px;
  bottom: 34px;
  width: 100%;
  padding: 17px 15px 50px;
}

.src-app-components-mobile-home-featuredSellers__continue_btn {
  position: absolute;
  left: 50%;
  color: #fff;
  font-size: 20px;
  top: 50%;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 7px 15px;
  transform: translate(-50%, -51%);
  border-radius: 50%;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  z-index: 2;
}

ul.src-app-components-mobile-home-featuredSellers__slick-dots {
  bottom: 7px !important;
  z-index: 1000 !important;
  background: #fff !important;
}

.src-app-components-mobile-home-featuredSellers__featuredsellers .slick-dots {
    bottom: 20px o !important;
  }

.src-app-components-mobile-home-featuredSellers__featuredSeller_wrap {
  position: relative;
}

.src-app-components-mobile-home-featuredSellers__featuredSeller_wrap .slick-dots {
    margin: 0px !important;
    background: transparent !important;
    bottom: 20px !important;
    z-index: 1000 !important;
  }

.src-app-components-mobile-home-featuredSellers__featuredSeller_wrap button:before {
    color: #fff !important;
    height: 5px !important;
    background: #fff !important;
    font-size: 0px !important;
    border-radius: 20px;
  }

/*  */

.src-app-components-mobile-home-featuredSellers__slick-dots {
  z-index: 10;
  position: relative;
}

.src-app-components-mobile-home-featuredSellers__popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.src-app-components-mobile-home-featuredSellers__popup-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  z-index: 10000;
  position: relative;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.src-app-components-mobile-home-featuredSellers__close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.src-app-components-mobile-home-messagingfeature-MessagingFeature__pageContent {
  padding: 0 15px;
  overflow-y: auto;
}



/*  */
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingFeaturewarp 
{
 background: #fff;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingFeaturetop{
  position: relative;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messFeatwrap {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__mobheading_top h2 {
  font-size: 22px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__mobusericon {
  width: 45px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__mobusericon img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingFeatdes {
  flex: 1;
  text-align: center;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingFeatdes h2 {
  font-size: 16px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingFeatdes p {
  font-size: 14px;
  color: #aaa;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingContent {
  height: calc(100vh - 132px);
  padding: 0px 15px;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;

  /* height: calc(100vh - 132px);
  padding: 0px 15px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  scroll-behavior: smooth; 
  justify-content: flex-end; */

}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingrep {
  padding: 10px 0px;
}


.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingrepcont {
  display: flex;
  justify-content: space-between;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__proficon {
  width: 35px;
}

.src-app-components-mobile-home-messagingfeature-MessagingFeature__proficon img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 0px;
}


.src-app-components-mobile-home-messagingfeature-MessagingFeature__proficon_info {
  flex: 1;
  padding: 7px 15px 7px;
  text-align: right;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__mess_text {
  display: block;
  margin-bottom: 6px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__mess_text span {
  display: inline-block;
  background: #f1f1f1;
  padding: 5px  10px;
  border-radius: 6px 6px 6px 0 ;
}

.src-app-components-mobile-home-messagingfeature-MessagingFeature__messimage  {
  border-radius: 15px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messimage img  {
 width: 50%;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messimage img  {
  border-radius: 10px;
 }
 
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingrep_ans_opt {
  padding: 10px 0px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingrep_ans_opt .src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingrepcont {
  display: flex;
  flex-direction: row-reverse;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingrep_ans_opt .src-app-components-mobile-home-messagingfeature-MessagingFeature__proficon_info {
  text-align: left;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingrep_ans_opt .src-app-components-mobile-home-messagingfeature-MessagingFeature__mess_text span {
  background: #000000;
  border-radius: 6px 0px 6px 6px;
  color: #fff;
}

.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingInp_outer {
  position: fixed;
  left: 0px;
  border: 0px;
  background: #f7f7f7;
  width: 100%;
  z-index: 200;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingInpwrap{
  
  display: flex;
  padding: 15px;
  justify-content: space-between;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingicon {

}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messinp_des {
  flex: 1;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__messicon {
  margin: 0px 4px;
}


.src-app-components-mobile-home-messagingfeature-MessagingFeature__messinp_des 
{
  position: relative;
  flex: 1;

}

.src-app-components-mobile-home-messagingfeature-MessagingFeature__messagingicon {
  display: flex;
  color: #c3c3c3;
  font-size: 21px;
  margin: 2px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__arrowUp {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 25px;
  color: #c3c3c3;
  line-height: normal;
  border: 0px;
  outline: 0px;
  padding: 0px 5px;
  background: transparent;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__fromcontrol {
  padding: 5px 10px;
  background: #ffffff;
  border: 0px;
  outline: 0px;
  width: 100%;
  border-radius: 20px;

}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__emojiPicker_opt {
  position: absolute;
  bottom: 68px;
  z-index: 10000;
  left: 14px;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__attachmentsimgwrap {
  position: absolute;
  bottom: 78px;
  z-index: 10000;
  left: 14px;
  border: 1px solid #a0a0a0;
  color: #a0a0a0 !important;
  box-shadow: 0px 0px 15px transparent;
}
.src-app-components-mobile-home-messagingfeature-MessagingFeature__img_closeicon {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  font-style: normal;
  /* border-radius: 50%; */
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 14px;
  border: 1px solid #a0a0a0;
  color: #000 !important;
}
.src-app-components-mobile-user-profile-Profile__storeProfile .diamonds {
    padding: 0 0 20px 0;
  }

.src-app-components-mobile-user-profile-Profile__header {
  height: 100px;
}

.src-app-components-mobile-user-profile-Profile__storeName {
  color: #fff;
  font-weight: 300;
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}

.src-app-components-mobile-user-profile-Profile__card {
  background-color: #fff;
  margin-bottom: 20px;
}

.src-app-components-mobile-user-profile-Profile__storePane {
  text-align: center;
  padding: 20px;
  background: #fff;
}

.src-app-components-mobile-user-profile-Profile__ratingContainer {
  word-break: break-all;
}

.src-app-components-mobile-user-profile-Profile__rating {
  color: #f7d202;
}

.src-app-components-mobile-user-profile-Profile__notRated {
  color: #ddd;
}

.src-app-components-mobile-user-profile-Profile__openHour {
  display: inline-block;
  border-radius: 2px;
  background-color: #f4f4f4;
  padding: 10px 10px;
  margin-top: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.src-app-components-mobile-user-profile-Profile__distance {
  color: #000000;
  margin-top: 0px;
  padding-top: 15px;
  padding-left: 1px;
}

.src-app-components-mobile-user-profile-Profile__stuff_pic_info {
  /* Remove absolute positioning */
  /* position: absolute;
  left: 86px;
  top: 0px; */

  /* Use flexbox layout instead */
  flex: 1;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  /* Remove whitespace nowrap to allow proper wrapping */
  white-space: nowrap;
}

.src-app-components-mobile-user-profile-Profile__story {
  margin-top: 50px;
}

.src-app-components-mobile-user-profile-Profile__stuff {
  margin-top: 0px;
  /* Change to flex layout */
  display: flex;
  align-items: center
  /* Remove relative positioning since we're not using absolute positioning anymore */
  /* position: relative; */
}

.src-app-components-mobile-user-profile-Profile__stuff img {
    width: 75px; /* Match the seller_pic img size */
    height: 75px;
    border-radius: 50%;
    border: 1px solid #c5c5c5;
    padding: 5px;
    -o-object-fit: cover;
       object-fit: cover;
  }

.src-app-components-mobile-user-profile-Profile__stuff_pic {
  flex-shrink: 0; /* Prevent image from shrinking */
}

.src-app-components-mobile-user-profile-Profile__stuffName {
  font-size: 18px;
  margin: 0px 0;
}

.src-app-components-mobile-user-profile-Profile__stuffTitle {
  text-transform: uppercase;
  font-size: 12px;
}

.src-app-components-mobile-user-profile-Profile__contactCard {
  padding: 0;
}

.src-app-components-mobile-user-profile-Profile__logo {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  border-radius: 8px 8px 0 0;
  color: #fff
}

.src-app-components-mobile-user-profile-Profile__logo h3 {
    color: #fff;
    font-weight: 100;
  }

.src-app-components-mobile-user-profile-Profile__logo p {
    font-size: 9px;
  }

.src-app-components-mobile-user-profile-Profile__contact {
  padding: 20px;
}

.src-app-components-mobile-user-profile-Profile__address {
  font-size: 12px;
}

.src-app-components-mobile-user-profile-Profile__addressLine {
  margin: 5px 0;
}

.src-app-components-mobile-user-profile-Profile__infoItem {
  color: #000000;
  margin: 10px 0;
  font-size: 12px
}

.src-app-components-mobile-user-profile-Profile__infoItem .fa {
    font-size: 16px;
  }

.src-app-components-mobile-user-profile-Profile__well {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 4px
}

.src-app-components-mobile-user-profile-Profile__well i {
    font-size: 12px;
    font-style: normal;
    color: #000000;
  }

.src-app-components-mobile-user-profile-Profile__hours {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300
}

.src-app-components-mobile-user-profile-Profile__hours table {
    width: 100%;
  }

.src-app-components-mobile-user-profile-Profile__weekday {
  text-align: left;
  text-transform: uppercase;
  width: 50%;
  padding: 5px;
}

.src-app-components-mobile-user-profile-Profile__today {
  color: #000000;
}

.src-app-components-mobile-user-profile-Profile__service {
  display: inline-block;
  width: 40%;
  margin: 5px;
  text-transform: uppercase;
  color: #888;
  font-size: 12px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.src-app-components-mobile-user-profile-Profile__noServices {
  margin: 30px 0;
}

.src-app-components-mobile-user-profile-Profile__galleryCard {
  padding: 0;
}

.src-app-components-mobile-user-profile-Profile__gallery .slick-list {
    min-height: 320px;
    padding-bottom: 40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

.src-app-components-mobile-user-profile-Profile__gallery .slick-dots {
    bottom: 10px
  }

.src-app-components-mobile-user-profile-Profile__gallery .slick-dots button:before {
      color: #000000;
    }

.src-app-components-mobile-user-profile-Profile__diamondList {
  padding: 20px;
}

.src-app-components-mobile-user-profile-Profile__bottomBorder {
  border-bottom: 1px solid #000;
}

.src-app-components-mobile-user-profile-Profile__filters {
  padding: 10px 20px;
  margin-bottom: 1px;
  background-color: #fff;
  box-shadow: 0 0 1px 0 #aaa;
}

.src-app-components-mobile-user-profile-Profile__dropdownFilter {
  margin-bottom: 8px
}

.src-app-components-mobile-user-profile-Profile__dropdownFilter:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-user-profile-Profile__profile {
  height: auto !important;
}

.src-app-components-mobile-user-profile-Profile__profile .pageContent {
    height: auto !important;
  }

.src-app-components-mobile-user-profile-Profile__profileCount {
  margin: 0;
  color: #aaa;
}

.src-app-components-mobile-user-profile-Profile__messageSellerBtn {
}

.src-app-components-mobile-user-profile-Profile__mobheading_top {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: space-between;
}

.src-app-components-mobile-user-profile-Profile__mobheading_top h2 {
  font-size: 22px;
  font-weight: 600;
  flex: 1;
  white-space: nowrap;
}

.src-app-components-mobile-user-profile-Profile__mobheading_top img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
}

.src-app-components-mobile-user-profile-Profile__seller_des_top {
  display: flex;
  padding: 7px 15px;
  align-items: top;
  justify-content: space-between;
  background: #f9f9f9 !important;
}

.src-app-components-mobile-user-profile-Profile__seller_pic {
  width: 85px;
}

.src-app-components-mobile-user-profile-Profile__seller_pic img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #c5c5c5;
  padding: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}

.src-app-components-mobile-user-profile-Profile__seller_pic_info {
  flex: 1;
  display: flex;
  /* align-items: center; */
}

.src-app-components-mobile-user-profile-Profile__followus {
  position: relative;
  padding: 17px 0 0px;
}

.src-app-components-mobile-user-profile-Profile__followus a {
  background: #000;
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
}

.src-app-components-mobile-user-profile-Profile__seller_pic_opt {
  flex: 1;
  margin-right: 5px;
}

.src-app-components-mobile-user-profile-Profile__seller_pic_opt h2 {
  font-size: 16px;
}

.src-app-components-mobile-user-profile-Profile__seller_pic_opt p {
  font-size: 14px;
}

.src-app-components-mobile-user-profile-Profile__followus span {
  display: block;
  background: #000;
  display: inline-block;
  color: #fff;
  padding: 7px 16px;
  font-weight: 600;
}

.src-app-components-mobile-user-profile-Profile__rating_opt_block {
  display: flex;
  grid-gap: 5px;
  padding-top: 80px;
}

.src-app-components-mobile-user-profile-Profile__rating_opt_text {
  color: gray;
}

.src-app-components-mobile-user-profile-Profile__storeName {
  display: none !important;
}

.src-app-components-mobile-user-profile-Profile__pageHeader {
  background: #fff !important;
}

.src-app-components-mobile-user-profile-Profile__description_block {
  padding: 0;
}

.src-app-components-mobile-user-profile-Profile__description_block h3 {
  color: gray;
  padding: 0px;
  margin: 0px 0px 5px;
}

.src-app-components-mobile-user-profile-Profile__description_block p {
  color: gray;
}

.src-app-components-mobile-user-profile-Profile__following_option {
  display: flex;
  padding: 7px 15px;
  align-items: center;
  justify-content: center;
}

.src-app-components-mobile-user-profile-Profile__following_des {
  max-width: 120px;
  margin: 0px 10px;
  text-align: center;
}

.src-app-components-mobile-user-profile-Profile__following_des span {
  display: inline-block;
  margin: 0px auto;
  background: #f9f9f9;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  width: 60px;
  font-size: 20px;
  margin-bottom: 10px;

  em {
    font-style: normal;
    font-size: 13px;
  }
}

.src-app-components-mobile-user-profile-Profile__following_des p {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.src-app-components-mobile-user-profile-Profile__product_view_wrap {
  display: flex;
  flex-wrap: wrap;
}

.src-app-components-mobile-user-profile-Profile__product_view_item {
  flex: 0 50%;
  border: 1px solid #ffffff;
  position: relative;
}

.src-app-components-mobile-user-profile-Profile__product_view_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*  */
.src-app-components-mobile-user-profile-Profile__thumbnailDescriptionContainer {
  padding: 0px 15px;
}

.src-app-components-mobile-user-profile-Profile__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
  white-space: nowrap;
}

.src-app-components-mobile-user-profile-Profile__freeShipping {
  margin-top: 10px;
  text-align: center;
}

.src-app-components-mobile-user-profile-Profile__ratingContainer {
  width: 100%;
  display: flex;
  grid-gap: 5px;
  word-break: break-all;
}

.src-app-components-mobile-user-profile-Profile__ratingContainer p span {
  font-family: 'Playfair Display Bold';
  font-weight: 700;
}

.src-app-components-mobile-user-profile-Profile__showMoreTextAnchor {
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-user-profile-Profile__priceContainer {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  text-align: center;
}

.src-app-components-mobile-user-profile-Profile__priceContainer p {
  font-size: 14px;
  color: #959595;
  margin: 0px;
}

.src-app-components-mobile-user-profile-Profile__priceContainer .src-app-components-mobile-user-profile-Profile__price {
  color: #000000;
  font-size: 14px;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
}

.src-app-components-mobile-user-profile-Profile__actionsContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.src-app-components-mobile-user-profile-Profile__actionsContainer .src-app-components-mobile-user-profile-Profile__actions {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-user-profile-Profile__buynow {
  border-radius: 0;
  background-color: #000000;
  padding: 10px 20px;
  font-size: 14px;
  font-family: 'Futura Bold';
  display: flex;
  align-items: center;
  grid-gap: 10px;
}

.src-app-components-mobile-user-profile-Profile__actions button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 100%;
  cursor: pointer;
}

.src-app-components-mobile-user-profile-Profile__actions button img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.src-app-components-mobile-user-profile-Profile__retailerName {
  font-family: 'Playfair Display Regular', sans-serif;
  font-size: 18px;
}

.src-app-components-mobile-user-profile-Profile__retailerShortDescription {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.src-app-components-mobile-user-profile-Profile__showMoreTextAnchor {
  font-family: 'Futura Regular', sans-serif;
  font-size: 14px;
  color: #000000;
}

.src-app-components-mobile-user-profile-Profile__clamp {
  -webkit-line-clamp: 3;
}

.src-app-components-mobile-user-profile-Profile__ribbon {
  width: 130px;
  height: 130px;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -10px;
  z-index: 1;
}

.src-app-components-mobile-user-profile-Profile__ribbon__content {
  left: -31px;
  top: 40px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #000000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.src-app-components-mobile-user-profile-Profile__sellerImage {
  width: 2rem;
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}

.src-app-components-mobile-user-profile-Profile__detailsWrapper {
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

.src-app-components-mobile-user-profile-Profile__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-mobile-user-profile-Profile__product_view_wrap2 {
  display: flex;
  flex-wrap: wrap;
}

.src-app-components-mobile-user-profile-Profile__product_view_add {
  flex: 50%;
}

.src-app-components-mobile-user-profile-Profile__newsaveButton {
  position: absolute;
  bottom: 8px;
  right: 6px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: #fff !important;
  border: none;
  font-size: 20px;
  line-height: 51px;
  /* background: rgba(255, 255, 255, 0.5); */
  background-color: #e4ded4;
  z-index: 9;
}

@media (max-width: 767px) {
  .src-app-components-mobile-user-profile-Profile__stuffName {
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media only screen and (max-width: 767px) {
  .src-app-components-mobile-user-profile-Profile__thumbnailDescription {
    /* font-size: 15px; */
    white-space: nowrap;
  }

  .src-app-components-mobile-user-profile-Profile__thumbnailImageContainer {
    height: 150px;
  }

  .src-app-components-mobile-user-profile-Profile__thumbnailDescriptionContainer {
    grid-gap: 5px;
  }

  .src-app-components-mobile-user-profile-Profile__src-app-components-common-SimilarItemsCard__heading {
    font-size: 20px;
  }
}

/* @media only screen and (max-width: 479px) {
  .thumbnailDescription {
    font-size: 14px;
  }
  .thumbnailImageContainer {
    height: 150px;  
  }
  .ratingContainer {
    font-size: 12px;
  }
  
  .ratingContainer p span {
    font-weight: 500;
  }
  .ratingWrapper p {
    font-size: 12px;
  }
  
  .thumbnailPrice {
    font-size: 12px;
  }
  
  .callForPrice {
    font-size: 12px;
  }
  .priceContainer p {
    font-size: 12px;
  }
  
.priceContainer .price {
  font-size: 12px;
  font-weight: 600;
}

} */

/*  */

.src-app-components-mobile-user-profile-Profile__thumbnailDescriptionContainer {
  flex: 1;
  padding: 40px 10px 10px;
  display: flex;
  flex-direction: column;
  grid-gap: 6px;
}

.src-app-components-mobile-user-profile-Profile__retailerShortDescription {
  color: #777777;
}

.src-app-components-mobile-user-profile-Profile__ratingsPanel {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.src-app-components-mobile-user-profile-Profile__ratingsPanel .src-app-components-mobile-user-profile-Profile__value {
    text-transform: uppercase;
  }

.src-app-components-mobile-user-profile-Profile__rating {
  color: #ffa043;
}

.src-app-components-mobile-user-profile-Profile__notRated {
  color: #ddd;
}

.src-app-components-mobile-user-profile-Profile__ratingWrapper {
  display: flex;
  align-items: center;
  grid-gap: 5px;
}

.src-app-components-mobile-user-profile-Profile__ratingWrapper p {
  font-family: 'Playfair Display Bold';
  font-size: 0.9rem;
}

.src-app-components-mobile-user-profile-Profile__thumbnailPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-mobile-user-profile-Profile__callForPrice {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0px;
}

.src-app-components-mobile-user-profile-Profile__thumbnailDescription {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Playfair Display Bold';
  font-weight: 800;
  font-size: 18px;
}

.src-app-components-mobile-privacy-policy-PrivacyPolicy__pageContent {
  /* padding: 20px; */
}

.src-app-components-mobile-privacy-policy-PrivacyPolicy__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  font-size: 18px
}

.src-app-components-mobile-privacy-policy-PrivacyPolicy__section:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-privacy-policy-PrivacyPolicy__section h2 {
    margin: 8px 8px 0px 8px;
    font-size: 26px;
    color: #000;
    font-weight: bold;
    text-align: center;
  }

.src-app-components-mobile-privacy-policy-PrivacyPolicy__section h3 {
    margin: 15px;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    word-break: break-word;
    text-align: center;
  }

.src-app-components-mobile-privacy-policy-PrivacyPolicy__section img {
    width: 85%;
    margin-bottom: 15px;
  }

.src-app-components-mobile-privacy-policy-PrivacyPolicy__section p {
    width: 100%;
    margin-top: 0;
    text-align: left;
  }
/* .Privacypage h3 {
  font-size: 18px;
  margin: 10px 0px;
  text-align: left !important;
} */
.src-app-components-mobile-privacy-policy-PrivacyPolicy__link {
  color: #000000;
}

.src-app-components-mobile-privacy-policy-PrivacyPolicy__ctaButton {
  margin-top: 15px;
}

.src-app-components-mobile-terms-service-TermsOfService__pageContent {
  /* padding: 20px; */
}

.src-app-components-mobile-terms-service-TermsOfService__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  font-size: 18px
}

.src-app-components-mobile-terms-service-TermsOfService__section:last-of-type {
    margin-bottom: 0;
  }

.src-app-components-mobile-terms-service-TermsOfService__section h2 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #000;
  }

.src-app-components-mobile-terms-service-TermsOfService__section h3 {
    margin: 15px;
    font-size: 24px;
    color: #000;
    font-weight: bold;
    word-break: break-word;
    text-align: center;
  }

.src-app-components-mobile-terms-service-TermsOfService__section img {
    width: 85%;
    margin-bottom: 15px;
  }

.src-app-components-mobile-terms-service-TermsOfService__section p {
    width: 100%;
    margin-top: 0;
    text-align: left;
    word-break: break-word;
  }

.src-app-components-mobile-terms-service-TermsOfService__link {
  color: #000000;
}

.src-app-components-mobile-terms-service-TermsOfService__ctaButton {
  margin-top: 15px;
}

@font-face {
  font-family: 'Futura Regular';
  src: url(/c0fee61ca17b53b708da39985adc78e8.ttf);
}

@font-face {
  font-family: 'Futura Medium';
  src: url(/cf32413733edd06f5a5d93a8994d8040.ttf);
}

@font-face {
  font-family: 'Futura Bold';
  src: url(/7bfa561462fd51bcc4604d62c5aa3ac8.ttf);
}

@font-face {
  font-family: 'Futura Heavy';
  src: url(/af72c25a6945b0f48abb1412d1ef5829.ttf);
}

@font-face {
  font-family: 'Playfair Display Regular';
  src: url(/b982583b4edccc394bb41b158f742113.ttf);
}

@font-face {
  font-family: 'Playfair Display Italic';
  src: url(/8b034e8d3b1fa7ddb9c09e2f778d5484.ttf);
}

@font-face {
  font-family: 'Playfair Display Bold';
  src: url(/60d3f992e85f8e17f41947c07b217eff.ttf);
}

@font-face {
  font-family: 'Playfair Display Bold Italic';
  src: url(/716c12d14a987428556e2f865ac5b0d5.ttf);
}

@font-face {
  font-family: 'Playfair Display Black';
  src: url(/5f3cf41d49e31b00169dee63ef696f10.ttf);
}

@font-face {
  font-family: 'Playfair Display Black Italic';
  src: url(/4850b85954c75e9d75f201879a1d22c9.ttf) format('truetype');
}

.addscroll {
  overflow: auto !important;
}

.toggleContaineraddstyle .header {
  padding-top: 0px;
  padding-bottom: 10px;
}
@font-face {
  font-family: 'mydiamond-icon';
  src:
    url(/314ec43a0cb2fe1af5fb3d59a58e594d.ttf) format('truetype'),
    url(/5fc7419caa013af484f7ab047ce6ee9c.woff) format('woff'),
    url(/f0c9ac8dbaf9e9293595bfdf61993e9f.svg#mydiamond-icon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mydiamond-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-btmnav-favs:before {
  content: "\e900";
}
.icon-buyitnow:before {
  content: "\e901";
}
.icon-bookings:before {
  content: "\e902";
}
.icon-connections:before {
  content: "\e903";
}
.icon-home:before {
  content: "\e904";
}
.icon-search-4cs:before {
  content: "\e905";
}
.icon-search-certs:before {
  content: "\e906";
}
.icon-commenting:before {
  content: "\e907";
}
.icon-search:before {
  content: "\e91a";
}
.icon-map-marker:before {
  content: "\e91b";
}
.icon-ring:before {
  content: "\e91c";
}
.icon-learnmore:before {
  content: "\e91d";
}
.icon-email:before {
  content: "\e91e";
}
.icon-password:before {
  content: "\e91f";
}
.icon-fav-empty:before {
  content: "\e920";
}
.icon-fav-filled:before {
  content: "\e921";
}
.icon-hours:before {
  content: "\e922";
}
.icon-services:before {
  content: "\e923";
}
.icon-store:before {
  content: "\e924";
}
.icon-shape-cushion:before {
  content: "\e9a4";
}
.icon-shape-heart:before {
  content: "\e9a5";
}
.icon-shape-other:before {
  content: "\e9a6";
}
.icon-shape-pear:before {
  content: "\e9a7";
}
.icon-shape-princess:before {
  content: "\e9a8";
}
.icon-shape-round:before {
  content: "\e9a9";
}
.icon-close:before {
  content: "\e9aa";
}
.icon-more:before {
  content: "\e9ab";
}
.icon-settings:before {
  content: "\e9ad";
}
.icon-share:before {
  content: "\e9ae";
}
.icon-continue:before {
  content: "\e9af";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-half:before {
  content: "\e9d8";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}


  /* .swiper-backface-hidden 
  .swiper-slide{
  transform: translateZ(1);


} */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

#src-app-main__root,
#src-app-main____next {
  isolation: isolate;
}

html,
body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-family: 'Futura Regular';
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #000000;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #333;
}

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

a {
  text-decoration: none;
  color: inherit;
}

b {
  font-weight: 400;
}
input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
  display: none;
}
.slider {
  height: 25px;
}

.handle {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #000000;
}

.bar {
  height: 3px;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ebebeb
}

.bar:first-of-type {
    background-color: #000000;
  }

.doubleSlider .bar:nth-of-type(2) {
      background-color: #000000;
    }

.doubleSlider .bar:not(:nth-of-type(2)) {
      background-color: #ebebeb;
    }

.emptyMessage {
  color: #ddd;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.emptyMessage.thisfor-saveempty {
  font-weight: 700;
  min-height: calc(100vh - 790px);
  color: #000000;
}
.emptyMessage.thisfor-saveempty-mob {
  font-weight: 700;
  color: #000000;
}
@media (max-width: 450px) {
#intercom-container .intercom-launcher-frame {
    bottom: 85px
}
  }

@media (max-width: 450px) {

#intercom-container .intercom-launcher-badge-frame {
    bottom: 125px
}
  }

.swiper-backface-hidden .swiper-slide {
  transform: none !important;
}

.makeStyles-iconContainer-3 button {
  flex: 1 1 auto;
  border: none;
  margin: 5px;
  text-align: center;
  display: inline-block;
}

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

p {
  margin-bottom: 0rem;
}

.newsallerslide {
  width: 100%;
}

.newsallerslide .swiper-button-prev {
  margin-left: -10px;
}

.newsallerslide .swiper-button-next {
  margin-right: -10px;
}

.newsallerslide .swiper-horizontal {
  padding: 0px 18px;
  width: 100%;
}
.best-design-collection .swiper-button-next {
  top: 30%;
}
.best-design-collection .swiper-button-prev {
  top: 30%;
}
.best-design-collection .swiper-button-prev.swiper-button-disabled {
  cursor: no-drop !important;
  pointer-events: auto !important;
}
.best-design-collection .swiper-button-prev {
  background-color: #fff;
}
.featured-retailers .swiper-button-prev {
  background-color: #fff;
}
.featured-retailers .swiper-button-next {
  background-color: #fff;
}
.best-design-collection .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
}
.featured-retailers .swiper-button-prev::after {
  font-size: 20px;
  font-weight: bold;
}
.featured-retailers .swiper-button-next::after {
  font-size: 20px;
  font-weight: bold;
}
.best-design-collection .swiper-button-next.swiper-button-disabled {
  cursor: no-drop !important;
  pointer-events: auto !important;
}
.best-design-collection .swiper-button-next {
  background-color: #fff;
}
.best-design-collection .swiper-button-next::after {
  font-size: 20px;
  font-weight: bold;
}
.selectField {
  border: none;
  border-bottom: 2px dashed #ccc;
  min-height: 30px;
}
.swiper-button-prev:after {
  color: #333;
}
.swiper-button-next:after {
  color: #333;
}
.src-app-components-desktop-search-Result__srpagessection
      .src-app-components-desktop-search-Result__searchBar
      .src-app-components-common-SearchBar__searchButton {
  top: 11px !important;
}
.src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviewsbottom
      .swiper-button-prev {
  background: #000;
  left: 0;
  width: 18px;
  height: 30px;
  top: calc(50% + 15px);
}
.src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviewsbottom
      .swiper-button-next {
  background: #000;
  right: 0;
  width: 18px;
  height: 30px;
  top: calc(50% + 15px);
}
.src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviewsbottom
      .swiper-button-next::after {
  color: #fff;
  font-size: 12px;
}
.src-app-components-desktop-diamond-rating-reviews-RatingReviews__RatingReviewsbottom
      .swiper-button-prev::after {
  color: #fff;
  font-size: 12px;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .basicinfo-price .src-app-components-common-DiamondPrice__diamondPrice {
    justify-content: center !important;
  }
}

@media only screen and (max-width: 767px) {
  .slick-dots {
    z-index: 999;
  }
  .src-app-components-mobile-common-BottomBar__bottomBar {
    z-index: 9999;
  }
  /* :global(.src-app-components-mobile-navbar-Navbar__navbar){
    z-index: 99999;
  } */
  body {
    min-height: 100%;
    overflow-x: hidden;
  }
}