/** Shopify CDN: Minification failed

Line 1830:3 Unexpected "/"

**/
.re-lative{
  position:relative;
  pointer-events:none;
  /* opacity:0.7; */
}
.ab-solute{
  position:absolute;
  top:0;
  left:0;
  font-size:15px;
     padding: 0 10px;
    border-radius: 6px;
    margin: 4px;
      background: black;
    color: white;
}
.sb{
      position: static!important;
    transform: scale(1)!important;
    height: 100%!important;
    object-fit: cover!important;
    width: 100%!important;
}
.before-enable div{
  height:100%;
}
.loader {
  display: none;
  width: 25px;
  height: 25px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#shopify-section-sections--18075409383671__custom_liquid_9e3tJw {
  display: none;
}

.seco-image-placeholder {
  height: 40vh;
}
.cstm-width {
  gap: 5px;
}
.round-di {
  background: #e2c57f;
  /* padding: 5px; */
  border-radius: 50px;
  width: 16px;
  height: 16px;
  border: 1px solid #b59410;
}
.div {
  overflow: hidden;
}
.popup-content h1 {
  margin-bottom: 0;
}
.popup-content p {
  margin: 10px 0;
}
.mySwiper {
  position: relative;
  overflow: hidden;
}
#seco-popup a {
  text-decoration: none;
}
#seco-inspirationBtn {
  padding: 10px 20px;
  font-size: 16px;
  background: none;
  color: white;
  border: 2px solid white;
  cursor: pointer;
  font-family: "TildaSans-VF";
}

#seco-popup .swiper-button-next:after,
#seco-popup .swiper-button-prev:after {
  font-size: 16px !important;
}

#seco-popup .swiper-button-next,
#seco-popup .swiper-button-prev {
  background: white !important;
  padding: 0px 10px !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  color: black !important;
  box-shadow: 0px 0px 2px #9e7f7f !important;
}

#seco-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10000;
}

#seco-popup {
  position: fixed;
  bottom: -800%;
  /* Initial position */
  left: 50%;
  transform: translateX(-50%);
  width: 98%;
  /* max-width: 400px; */
  background-color: white;
  padding: 20px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  transition: bottom 0.3s ease, box-shadow 0.3s ease;
  border-radius: 10px;
  z-index: 10000;
}

#seco-popup.active {
  bottom: 1%;
  /* Final position */
}

.seco-image-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seco-pop-flex {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.update-left {
  font-size: 20px;
  font-weight: bold;
}
.head-flex h2 {
  margin: 0;
}
/* .tab-scale .before-enable .sb {
                                                                      transform: scale(1)!important;
                                                                  } */
.remove-button {
  display: flex;
  background: none;
  margin: 0 0 0 auto;
  border: 1px solid black;
  padding: 10px 43px;
  font-family: "TildaSans-VF";
  color: black !important;
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  z-index: 999;
  display:none;
}

.popup-overlay.show {
  opacity: 1;
  visibility: visible;
  display:block;
}
.cstm-popup-btn {
  margin: 10px;
  padding: 2px 13px;
  width: 150px;
  text-align: left;
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  border: 2px solid black;
  color: black;
  min-height: 4rem;
  background: white;
  font-family: "TildaSans-VF";
}

.cstm-popup {
  /* display: none; */
  position: fixed;
  z-index: 10000;
  right: 0;
  top: 0;
  width: 30%;
  height: 100%;
  overflow: hidden;
  /* background-color: rgb(0, 0, 0);
                                                                              background-color: rgba(0, 0, 0, 0.4); */
  right: -32%;
  transition: right 0.3s ease-in-out;
}

.popup-content {
  background-color: #fefefe;
  margin: 0 0 0 auto;
  padding: 20px;
  position: relative;
  border: 1px solid #888;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
}
.popup-content .swiper-button-next:after,
.popup-content .swiper-button-prev:after {
  font-size: 16px !important;
}

.popup-content .swiper-button-next,
.swiper-button-prev {
  background: white !important;
  padding: 0px 10px !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  color: black !important;
  box-shadow: 0px 0px 2px #9e7f7f !important;
}
.popup-content img {
  width: 100%;
}
.cstm-popup.show {
  right: 0;
}
.cstm-close-btn {
  color: black;
  float: right;
  font-size: 44px;
  font-weight: bold;
}
.popup-close-btn {
  color: black;
  right: 25px;
  position: absolute;
  top: 14px;
  font-size: 44px;
  font-weight: bold;
}

.cstm-close-btn:hover,
.cstm-close-btn:focus {
  color: #aaa;
  text-decoration: none;
  cursor: pointer;
}
.popup-close-btn:hover,
.popup-close-btn:focus {
  color: #aaa;
  text-decoration: none;
  cursor: pointer;
}
#shopify-section-sections--17845177581815__footer {
  display: none;
}
/* .tab-scale .before-enable img {
  position: relative;
  top: -44px;
} */
.tab-scale img {
  /* transform: scale(1.5); */
  /* position: relative;
  top: -10vh; */
}
.before-enable {
  overflow: hidden;
}
.update-price-inner {
  background: #363636;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 6px 14px;
  /* margin-bottom: 12px; */
  align-items: center;
}
.update-right {
  font-size: 20px;
  font-weight: bold;
  display: flex;
}
.letters-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid black;
  padding: 0 8px;
  width: 70%;
}
.meuw-left {
  font-size: 13px;
}
.meuw-right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.charm-head {
  margin: 0;
}
.cstm-width {
  width: 6rem;
  height: 6rem !important;
  margin: auto;
  position: absolute;
  bottom: -30px;
  left: 36%;
  height: auto;
}
.main-charm {
  display: flex;
  width: 580px;
  position: relative;
  height: 153px;
  justify-content: center;
  align-items: center;
  margin: auto;
  /* left: -2px;
  top: -37px; */
  left: -2px;
  top: -117px;
}
.main-child-one {
  position: absolute;
  top: -41px;
  left: 47%;
  /* top: 39px;
  left: 47%; */
  transform: translateX(-50%);
}

.ebarc-selector__filters button:hover {
  cursor: pointer;
}
.dropdown-item:hover {
  cursor: pointer;
}
.bold {
  font-weight: bold;
}
.light {
  font-weight: light;
}
#total-price {
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-show {
  /* background-image: url(https://saintandjean.com/cdn/shop/files/newc1coverpic.png?v=1720093574); */
  width: 90%;
  /* background-repeat: no-repeat; */
  /* background-color: #efefef; */
  /* background-size: 122%; */
  position: absolute;
  top: 0;
  background-position-x: center;
  right: 75px;
  height: 84vh;
}
.hr-margin {
  margin: 3px 0;
}
/* .dropdown-content {
                                                                      display: none;
                                                                      position: absolute;
                                                                      background-color: #f9f9f9;
                                                                      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
                                                                      z-index: 1;
                                                                      right: 0;
                                                                      top: 41px;
                                                                      border-radius: 10px;
                                                                      width: 100%;
                                                                      padding: 0px 10px;
                                                                          } */
.message-inner-text {
  font-size: 18px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin: auto;
  color: #000000bf;
  text-align: center;
}
.white-letters {
  display: flex;
}
.white-letters,
.black-letters,
.gold-disk {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.black-letters,
.gold-disk {
  display: none;
}
.div {
  border: none;
}
.ebarc-selector__filters {
  padding: 0 3rem;
}
/* .btn-flex{
                                                                                  display: flex;
                                                                                  justify-content: center;
                                                                                  width: 100%;
                                                                                  z-index: 100;
                                                                                  padding:0px 0px 10px 0px;
                                                                              } */
.btn-flex {
  display: flex;
  justify-content: center;
  width: 37.5%;
  z-index: 100;
  position: fixed;
  top: 0px;
  padding: 0px;
  right: 21px;
  background: white;
}
.charm-fixed {
  position: fixed;
  background: white;
  width: 37.7%;
  padding-left: 2px;
  right: 20px;
  top: 50px;
  z-index: 10;
}
.head-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 5px 4px 0;
}
.ebarc-button-icon {
  border-radius: 3px;
}
.ebarc-button,
.ebarc-button-icon {
  min-height: 4.5rem;
}
.ebarc-button-icon {
  background: 0;
  padding: 0 1rem;
  min-height: 3rem;
  margin-right: 0.3rem;
  min-width: 8.7rem;
  border: 1px solid #000000;
  box-shadow: none;
  display: flex;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.ebarc-selector__filters {
  padding: 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  column-count: 3;
  justify-content: space-between;
  gap: 15px;
}

.ebarc-btn-pill.custom-active {
  background-color: #363636;
  color: #fff;
}

.ebarc-selector__filters > .ebarc-btn-pill {
  margin-right: 1rem;
}
.ebarc-selector__filters > .ebarc-btn-pill {
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
}
.ebarc-btn-pill {
  height: 2.6rem;
  font-family: "TildaSans-VF";
  font-style: normal;
  font-weight: 400;
  width: 142px;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -0.1px;
  color: white;
  background-color: black;
  padding: 0 1.2rem;
  border: 1px solid black;
}
.cstm_main {
  z-index: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  width: 100%;
  height: auto;
  /* height: 100%; */
  transform: translate(0);
  display: flex;
  flex-flow: row;
  top: 143px;
}
.content {
  display: none;
}
.img-height {
  height: auto;
  text-align: center;
  display: flex;
  background: #faf6ef;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.variant-detail a {
  text-decoration: none;
}
.variant-detail h4,
.variant-detail p {
  margin: 0;
  color: black;
}
.custom-content {
  display: none;
  padding-top: 153px;
}
.dropdown-inner {
  position: fixed;
  width: 37.7%;
  padding-left: 4px;
  background: white;
}
.custom-content .dropdown-inner {
  top: 210px;
  right: 34px;
}
.cstm_main img {
  height: 100%;
  width: 100%;
}
.variant-detail {
  padding: 13px 4px 2px 4px;
  border-top: 2px solid black;
}
.variant-detail h4 {
  font-size: 12px;
  font-weight: 600;
}
.variant-detail h5 {
  margin: 9px 0px 2px;
  color: grey;
  font-size: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
}
.second-content {
  display: none;
  padding-top: 153px;
}
.third-content {
  display: none;
  padding-top: 153px;
}
.fourth-content {
  display: none;
  padding-top: 153px;
}

.custom-content.custom-active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-wrap: wrap;
}
.second-content.custom-active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.third-content.custom-active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fourth-content.custom-active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ebarc-nav__rhs {
  width: 100%;
  margin-left: auto;
}
.ebarc-slot__cta {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}
.clickDiv .animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
/* .clickDiv.disabled .animate__pulse {
                                                                                                      animation-name: none;
                                                                                                      animation-timing-function: ease-in-out;
                                                                                                  } */
.animate__animated {
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes pulse {
  0% {
    transform: scale3d(1);
  }
  50% {
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    transform: scale3d(1);
  }
}
.ebarc-slot__cta-inner {
  border: 2px solid;
  font-weight: bold;
  height: 5rem;
  min-width: 5rem;
  border-radius: 50px;
  background-color: #fff;
  font-family: "TildaSans-VF";
  font-style: normal;
  /* font-weight: 400; */
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  white-space: nowrap;
  box-shadow: 0 0 10px #0000001a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clickDiv {
  justify-content: center;
  align-items: center;
  display: flex;
  cursor: pointer;
  width: 49.7%;
  position: relative;
  font-size: 14px;
  height: 220px;
  margin-bottom: 40px;
  /* color: #958d8d; */
  color: #3b3535;
  background: #efefef;
  border: 2px solid black;
  font-weight: bold;
}

.content .div-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content .div {
  display: block;
  margin-bottom: 40px;
  width: 49.7%;
  /* padding: 6px 0px; */
  height: auto;
  cursor: pointer;
  background: white;
}
.show-pick {
  height: 100%;
  width: 100%;
}
.content .div img {
  width: 100%;
  height: 100%;
}

.div.selected {
  /* opacity: 0.6; */
  border: 3px solid black;
}

.div {
  border: 2px solid black;
}

/* button {
                                                                                                          margin-top: 10px;
                                                                                                      } */
.cstm-style {
  background: #faf6e9;
  overflow: hidden;
  position: relative;
  flex-basis: 90%;
  margin: 0 6px 0 14px;
  height: 75.4vh;

  border: 1px solid black;
  /* left: -13%;                   */
}
.main-child-two {
  width: 60%;
  padding: 53px 5px 0px 5px;
  background: white;
  /* padding: 10px; */
  /* border:1px solid #798c9c; */
  overflow-y: scroll;
  overflow-x: hidden;
}
.main_div_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.ebarc-button {
  min-height: 4.5rem;
}
.ebarc-button {
  padding: 0.5rem 1rem;
  min-height: 3rem;
  box-shadow: none;
}
.cstm_main .button--full-width {
  display: flex;
  padding-left: 0;
  padding-right: 0;
}
.cstm_main .button {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 18px;
  padding: 0.9rem 3rem 1rem;
  text-decoration: none;
  border: 2px solid black;
  color: black;
  min-height: 5rem;
  background: white;
  gap: 18px;
}
#engravingInputContainer,
#doneButton {
  display: none;
}
#SelectOption {
  display: none;
}
.input-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.engraving-text {
  color: #bfac72;
}
/* .engraving-text.position-1 {
  display: none;
  transform: translate(-4%);
  position: absolute;
  bottom: -64%;
  text-align: center;
  left: 43%;
  width: 90px;
  text-shadow: 0px 1px 0px rgb(255 255 255 / 40%);
  font-size: 2.2rem;
  z-index: 100;
} */
/* .engraving-text.position-2 {
  display: none;
  text-align: center;
  position: absolute;
  bottom: -29%;
  width: 64px;
  transform: rotate(50deg);
  left: 26%;
  text-shadow: 0px 1px 0px rgb(255 255 255 / 40%);
  font-size: 2.2rem;
  z-index: 1;
}
.engraving-text.position-3 {
  display: none;
  text-align: center;
  position: absolute;
  left: 62%;
  width: 64px;
  font-size: 2.2rem;
  bottom: -29%;
  transform: rotate(-50deg);
} */
.step-img.index-1 {
  position: absolute;
  top: 110%;
  left: 25.8%;
  width: 240px;
  z-index: 100;
}
.step-img.index-2 {
  position: absolute;
  width: 240px;
  transform: rotate(16deg);
  top: 143px;
  left: 71px;
}
.step-img.index-3 {
  width: 240px;
  position: absolute;
  top: 144px;
  transform: rotate(-16deg);
  left: 229px;
}
.step-img {
  width: 400px;
}
/* .step-img.index-4 img {
  transform: scale(1) !important;
} */
.main-charm .step-img img {
  transform: scale(2.6);
}

.step-img.index-4 {
  position: absolute;
  /* top: 185px;
  left: 26%; */
  top: 166px;
  left: 25.6%;
  /* transform: scale(0.8); */
  width: 240px;
}
.step-img.index-5 {
  position: absolute;
  /* top: 145%; */
  top: 199%;
  /* left: 26.1%; */
  left: 26.4%;
  width: 240px;
}
.step-img.index-0 {
  transform: scale(2);
  /* transform: scale(1.5); */
}
/* .step-img img{
                                                                                  transform: scale(2);

                                                                    } */
.cstm_main img {
  width: 100%;
  object-fit: cover;
}
.ebarc-engrave-input[data-v-5ba140fc] {
  height: 4.5rem;
  border: 1px solid #000000;
  width: 100%;
  padding: 0 1.5rem;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.1px;
  color: #636363;
}
.ebarc-selector__engraving-info[data-v-5ba140fc] {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 20px;
  text-align: right;
  letter-spacing: -0.1px;
  color: #868686;
}
.relativ-dev {
  position: relative;
}
.relativ-dev input:focus {
  outline: none;
  box-shadow: none;
}
.clickDiv .before-enable {
  display: none;
  width: 100%;
  height: 100%;
  background: #faf6ef;
}
.clickDiv .before-enable .first-img {
  height: 100%;
  width: 100%;
}
.clickDiv.done .before-enable {
  display: flex;
  justify-content: center;
  align-items: self-end;
}
.clickDiv.done .after-enable {
  display: none;
}
@media screen and (max-width: 1085px) and (min-width: 985px) {
  .step-img.index-0 {
    transform: scale(1.5);
  }
  .main-charm {
    top: -19px;
  }
  .main-child-one {
    top: 70px;
  }
}
@media screen and (max-width: 984px) and (min-width: 768px) {
  .step-img.index-0 {
    transform: scale(1.5);
  }
  .main-charm {
    top: -19px;
  }
  .main-child-one {
    top: 40px;
    left: 228px;
  }
  .main-charm {
    left: -123.4px;
    top: -48px;
  }
  .step-img.index-2 {
    top: 149px;
    left: 92px;
  }
  .step-img.index-3 {
    top: 150px;
    left: 210px;
  }
}

@media screen and (max-width: 1090px) and (min-width: 985px) {
  .main-child-one {
    left: 38%;
    top: 65px;
  }
  .step-img.index-3 {
    top: 149px;
    left: 212px;
  }
  .step-img.index-0 {
    transform: scale(1.6);
  }
  .step-img.index-2 {
    top: 148px;
    left: 90px;
  }
  .main-charm {
    left: -70px;
    top: -20px;
  }
}


@media screen and (max-width: 379px) and (min-width: 360px) {
  .step-img.index-0 {
    transform: scale(1.8) !important;
  }
}
@media screen and (max-width: 376px) and (min-width: 331px) {
  .main-charm {
    top: -164.8px !important;
  }
}
@media screen and (max-width: 389px) and (min-width: 381px) {
  .main-charm {
    top: -138.8px !important;
  }
}

@media screen and (max-width: 640px) {
  /* .variant-detail h5 {
          font-size: 10px;
      } */
  .adjusting {
    left: 0px !important;
    width: 100% !important;
  }
  .btn-flex {
    right: 2px !important;
    width: 99% !important;
  }
  .message-inner-text {
    font-size: 13px !important;
    width: 80vw !important;
  }
  .tab-scale img {
    top: -40px !important;
  }
  .main-child-two {
    padding: 0px 2px 0 4px !important;
    top: 59% !important;
  }

  .main_div_flex {
    flex-wrap: nowrap;
    min-width: 100%;
    padding-bottom: 0px !important;
    overflow: scroll !important;
    gap: 4% !important;
    height: fit-content;
    margin-left: 3%;
  }
  .cstm-width {
    width: 8rem !important;
    height: 4rem !important;
    bottom: -18px !important;
    left: 16%;
    gap: 5px;
  }
  .clickDiv {
    height: 132px !important;
    min-width: 132px !important;
    font-size: 12px !important;
  }
  .main-charm {
    /* left: -37px; */
    /* top: -46.8%; */
    /* top: -154.8px; */
    /* top: -90px; */
    /* z-index: 0 !important; */
    width: 500px;
    /* transform: translateX(-50%); */
    left: 0;
    /* top: -46.8%; */
    top: -92px;
    z-index: 0 !important;
  }
  .cstm-style {
    height: 41vh !important;
    top: 24px !important;
    width: 98.3% !important;
    margin: 0 4px;
    overflow: hidden;
  }
  .after-enable {
    text-align: center;
  }
  /* .main-child-one {
    left: 189px !important;
    top: 10% !important;
  } */
  .main-child-one {
    /* left: 50% !important;
    top: 10% !important;
    transform: translateX(-50%); */
                          top: -2px !important;
        width: 453px;
        height: 262px;
        left: 0 !important;
        transform: translateX(0);
  }
  /* .step-img.index-1 {
    left: 106px !important;
    top: 160px !important;
  } */
  /* .step-img.index-1 {
    left: 50%;
    top: 50% !important;
    transform: translateX(-50%) translateY(11%);
  } */
        .step-img.index-1 {
        left: 71.4px;
        top: 96px;
        /* transform: translateX(-50%); */
    }
  .step-img.index-0 {
    transform: scale(1.6) !important;
           width: 100%;
        height: 100%;
        position: relative;
        left: -36px;

  }
  .update-price-inner {
    flex-wrap: wrap !important;
    height: fit-content !important;
    gap: 0 8px !important;
  }
  /* .step-img.index-2 {
    top: 152px !important;
    left: 67px !important;
  } */
     .step-img.index-2 {
        top: 60px !important;
        left: 50px !important;
        transform: rotate(16deg) translateY(11%);
    }

  /* .step-img.index-5 { */
  /* top: 153% !important; */
  /* left: 107.4px !important;
    top: 213px !important;
  } */
  .step-img.index-5 {
    /* top: 153% !important; */
            left: 19.1% !important;
        top: 165px !important;
  }
  /* .step-img.index-4 { */
  /* top: 163px !important;
    left: 106px !important; */
  /* transform: scale(0.5) !important; */
  /* } */
    .step-img.index-4 {
        top: 95px !important;
        left: 18.5% !important;
        /* transform: translate(-50%, 11%); */
    }
  /* .step-img.index-3 {
    top: 152px !important;
    left: 145px !important;
  } */
    .step-img.index-3 {
        top: 60px !important;
        left: 92.4px !important;
        transform: rotate(-16deg) translateY(11%);
    }
  .step-img {
    width: auto;
  }
  .content {
    position: fixed;
    top: 26px;
    width: 98%;
    height: 100%;
    margin: auto;
    overflow: scroll;
    background: #faf7ec;
    padding-bottom: 90px;
  }
  .update-price-inner .mobile-btn {
    width: 100%;
  }
  .update-price-inner:first-child button {
    width: 100%;
  }
  .cstm_main {
    background: none;
  }
  #seco-inspirationBtn {
    padding: 3px 4px;
    font-size: 12px;
  }
  .ebarc-btn-pill {
    width: 48%;
  }
  .ebarc-selector__filters {
    gap: 0px;
  }
  .remove-button {
    padding: 3px 6px;
  }
}
@media screen and (max-width: 430px) and (min-width: 43px) {
      .main-child-one {
        top: 22px !important;
        width: 300px;
        height: 262px;
        left: 8px !important;
        transform: translateX(0);
    }
      .step-img.index-0 {
        transform: scale(1.6) !important;
        width: 100%;
        height: 100%;
        position: relative;
        left: 40px;
    }
  .main-charm {
    /* top: -145.8px !important; */
    top: -51px !important;
            left: -14px;

  }
      .step-img.index-1 {
        left: 93.4px;
        top: 95px;
        /* transform: translateX(-50%); */
    }
  .cstm-style {
    height: 47vh !important;
  }
  .main-child-two {
    top: 65% !important;
  }
  .clickDiv {
    height: 116px !important;
    min-width: 116px !important;
    margin-top: 4px;
  }
          .step-img.index-2 {
        top: 54px !important;
        left: 54px !important;
        transform: rotate(16deg) translateY(11%);
    }
         .step-img.index-3 {
        top: 54px !important;
        left: 133px !important;
        transform: rotate(-16deg) translateY(11%);
    }
      .step-img.index-4 {
        top: 95px !important;
        left: 92.5px !important;
        /* transform: translate(-50%, 11%); */
    }
      .step-img.index-5 {
        /* top: 153% !important; */
        left: 94px !important;
        top: 165px !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  .main-charm {
    left: -37px;
    top: -161px;
  }
}
@media screen and (max-width: 767px) {
  .message-show {
    right: 50% !important;
    transform: translateX(50%) !important;
  }
  .step-img.index-4 {
    top: 142px;
    left: 26%;
  }
  .step-img.index-5 {
    top: 171%;
  }
  .step-img.index-2 {
    top: 157px;
    left: 112px;
  }
  .main-charm .step-img img {
    transform: scale(1.3);
  }
  .seco-image-placeholder {
    height: 400px;
  }
  .step-img.index-3 {
    top: 157px;
    left: 190px;
  }

  .ebarc-slot__cta {
    top: 94%;
  }
  .ebarc-slot__cta-inner {
    height: 4rem;
    min-width: 4rem;
  }
  .btn-flex {
    top: auto;
    bottom: 0;
    width: 96%;
    right: 19px;
    padding: 0;
  }
  .update-price-inner {
    flex-wrap: wrap;
    gap: 8px;
  }
  #seco-inspirationBtn {
    padding: 3px 20px;
    font-size: 14px;
  }
  .update-left {
    font-size: 14px;
  }

  .cstm-popup {
    width: 70%;
    right: -72%;
  }
  .message-show {
    width: 100%;
    height: 100%;
    right: 0;
    background-color: #faf7ec;
    background-size: 92vh;
  }
  .message-inner-text {
    font-size: 13px;
    width: 38vw;
  }
  .cstm_main {
    display: block;
    /* position: static; */
  }
  .content .div {
    margin-bottom: 4px;
  }
  .cstm-style {
    background: #f0f0f0;
    display: flex;
    height: 50vh;
    width: 98.3%;
    /* height: 110vh; */
    top: -11px;
  }
  .main-child-two {
    width: 100%;
    position: fixed;
    padding: 0px 2px 360px 4px;
    height: 100%;
  }
  .charm-fixed {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
  }
  .dropdown-inner {
    top: 0 !important;
    right: 0 !important;
    position: relative;
    width: 100%;
  }
  .custom-content {
    padding-top: 0px;
  }
  .second-content {
    padding-top: 0px;
  }
  .third-content {
    padding-top: 0px;
  }
  .fourth-content {
    padding-top: 0px;
  }

  .main-child-one {
    top: -76px;
    left: 42.3%;
  }
  .clickDiv {
    margin-bottom: 20px;
  }
  .step-img.index-0 {
    transform: scale(1);
  }

  .content .div img {
    width: 100%;
    height: auto;
    background: #faf7ec;
  }
  /* .tab-scale img {
        transform: scale(1)!important;
         position: static!important;
    } */
}
/* @media screen and (max-width: 500px) and (min-width: 400px){
                                      .main-charm {
                                        left: -33px;
                                    }
                                } */
@media screen and (max-width: 390px) and (min-width: 381px) {
    .main-charm {
        left: -24px;
    }
      .main-child-one {
        left: -1px !important;
    }
}
@media screen and (max-width: 380px)  {
  .main-charm {
      top: -96px !important;
  }
      .step-img.index-2 {
        top: 68px !important;
        left: 44px !important;
    }
      .step-img.index-3 {
        top: 68px !important;
        left: 87.4px !important;
    }
      .step-img.index-5 {
        top: 172px !important;
    }
}
@media screen and (max-width: 376px) and (min-width: 370px)  {
             .main-charm {
        top: -77px !important;
        width: 100%;
                       left: -5px;
    }
        .step-img.index-1 {
                left: 65px !important;
        top: 96px !important;
        /* transform: translateX(-50%); */
    }
          .step-img.index-2 {
        top: 55px !important;
        left: 26px !important;
    }
        .step-img.index-3 {
        top: 55px !important;
        left: 105.4px !important;
    }
      .step-img.index-4 {
        top: 95px !important;
        left: 17.5% !important;
        /* transform: translate(-50%, 11%); */
    }
      .step-img.index-5 {
        left: 18% !important;
                top: 165px !important;
    }
         .main-child-one {
        top: -2px !important;
        width: 301px;
        height: 262px;
        left: -11px !important;
        transform: translateX(0);
    }
}
@media screen and (max-width: 360px)  {
             .main-charm {
        top: -76px !important;
        width: 100%;
        left: -11px!important;
    }
        .step-img.index-1 {
                left: 65px !important;
        top: 96px !important;
        /* transform: translateX(-50%); */
    }
          .step-img.index-2 {
        top: 55px !important;
        left: 26px !important;
    }
        .step-img.index-3 {
        top: 55px !important;
        left: 105.4px !important;
    }
         .step-img.index-4 {
        top: 95px !important;
        left: 64.5px !important;
        /* transform: translate(-50%, 11%); */
    }
          .step-img.index-5 {
        left: 66px !important;
        top: 165px !important;
          }
         .main-child-one {
        top: -2px !important;
        width: 301px;
        height: 262px;
        left: -17px !important;
        transform: translateX(0);
    }
}
.hide-variant {
  display: none;
}
.step-img .hide-variant {
  display: block;
}
@media screen and (min-width: 990px) {
  .adjusting {
    height: 100%;
  }
}
.adjusting {
  height: 100%;
  background: #faf6ec;
  width: 740px;
  margin: auto;
  position: relative;
  left: 10px;
}
.cstm_main button:before {
  content: none !important;
}
.cstm_main button:after {
  content: none !important;
}
.cstm_main button:disabled {
  opacity: 1 !important;
  cursor: not-allowed !important;
}
@media screen and (max-width: 1280px) {
  /* .second-content .dropdown-inner,.third-content .dropdown-inner,{
                                                                          top: 223px;
                                                                      right: 36px;
                                                                      } */
  .second-content .dropdown-inner,
  .third-content .dropdown-inner,
  .fourth-content .dropdown-inner {
    top: 162px;
    right: 21px;
  }
  .charm-head {
    font-size: 22px;
  }
  /* .ebarc-selector__filters {
                                                                      padding: 0 0 1.5rem 0;
                                                                  } */
  .custom-content .dropdown-inner {
    top: 156px;
    right: 20px;
  }
}
@media screen and (min-width: 1422px) {
  .custom-content {
    padding-top: 153px;
  }
  .fourth-content {
    padding-top: 153px;
  }
  .second-content {
    padding-top: 153px;
  }
  .third-content {
    padding-top: 153px;
  }
  .hei-p {
    height: 16px;
  }
  .custom-content .dropdown-inner {
    top: 171px;
    right: 23px;
  }
  .charm-fixed {
    right: 22px;
  }
  .cstm-style {
    height: 77.7vh;
  }
  .btn-flex {
    right: 24px;
  }
  .main-child-one {
    top: 91px;
    /* left: 19%; */
  }
  .main-charm {
    top: 14px;
  }
  .second-content .dropdown-inner,
  .third-content .dropdown-inner {
    top: 171px;
    right: 22px;
  }
  .fourth-content .dropdown-inner {
    top: 173px;
    right: 21px;
  }
  /* .main-charm {
                                                                  left: -33px;
                                                                            } */
  /* .step-img.index-2{
                                                                    top: 146px;
                                                                      left: 68px;
                                                                        }
                                                                        .step-img.index-3{
                                                                        top: 147px;
                                                                      left: 224px;
                                                                        }
                                                                            .step-img.index-4,.step-img.index-5,.step-img.index-1 {
                                                                      left: 25%;
                                                                  } */
  /* {
                                                                                left: 25%;
                                                                          } */
}
@media screen and (min-width: 1600px) {
  .third-content {
    padding-top: 154px;
  }
  .main-child-one {
    /* top: 190px; */
       top: 146px;
  }
  .cstm-style {
    height: 80vh;
  }
  .charm-fixed {
    right: 24px;
  }
  .btn-flex {
    width: 37.7%;
    right: 25px;
  }
  .main-charm {
    /* top: 112px; */
            top: 70px;
  }
  .clickDiv {
    /* width: 287PX; */
    height: 287px;
  }
  .second-content .dropdown-inner,
  .third-content .dropdown-inner {
    top: 171px;
    right: 25px;
  }
  .custom-content .dropdown-inner {
    top: 173px;
    right: 25px;
  }
  .fourth-content .dropdown-inner {
    top: 140px;
    right: 26px;
  }
  /* .step-img.index-4,.step-img.index-5 {
                                                                      left: 24%;
                                                                  } */
  /* .step-img.index-0 {
                                                                      transform: scale(2);
                                                                  } */
  /* .step-img.index-3 {
                                                                          top: 147px;
                                                                          left: 218px;
                                                                      } */
  /* .main-child-one {
                                                                      top: 201px;
                                                                  } */
  /* .step-img.index-2 {
                                                                          top: 146px;
                                                                          left: 61px;
                                                                  } */
  /* .main-charm {
                                                                      top: 129px;
                                                                  left: -36px;
                                                                  } */
  /* .cstm-style {
                                                                      height: 750px;
                                                                  } */
  /* .step-img.index-1 {
                                                                      top: 111%;
                                                                      left: 24%;
                                                                  } */
}
@media screen and (min-width: 1706px) {
  .second-content .dropdown-inner,
  .third-content .dropdown-inner {
    top: 150px;
    right: 25px;
  }
  .cstm-style {
    height: 81vh;
  }
  .main-child-two {
    padding: 53px 3px 0px 9px;
  }
  .clickDiv {
    /* width: 296PX; */
    height: 296px;
  }
  .custom-content .dropdown-inner {
    top: 144px;
    right: 25px;
  }
}
@media screen and (min-width: 1920px) {
  .charm-fixed {
    right: 26px;
  }

  .cstm-style {
    height: 83vh;
  }
  .btn-flex {
    width: 37.8%;
    right: 25px;
  }
  .clickDiv {
    /* width: 334PX; */
    height: 334px;
  }
  .second-content .dropdown-inner,
  .third-content .dropdown-inner {
    top: 142px;
    right: 27px;
  }
  .fourth-content .dropdown-inner {
    top: 146px;
    right: 27px;
  }
  .custom-content .dropdown-inner {
    top: 144px;
    right: 26px;
  }
  /* .step-img.index-2 {
                                                                          top: 142px;
                                                                          left: 66px;
                                                                      }
                                                                            .step-img.index-3 {
                                                                          top: 142px;
                                                                          left: 223px;
                                                                      }
                                                                                  .step-img.index-4 {
                                                                      left: 25%;
                                                                  }*/
  /* .step-img.index-0 {
                                                                      transform: scale(2);
                                                                  }  */
  /* .main-child-one {
                                                                      top: 201px;
                                                                  } */
  /* .main-charm { */
  /* left: -47px; */
  /* top: 4px; */
  /* } */
  /* .dropdown-inner{
                                                                                top: 180px;
                                                                          } */
  /* .step-img.index-1 {
                                                                      top: 109%;
                                                                      left: 25%;
                                                                      }
                                                                  .step-img.index-5 {
                                                                      left: 25%;
                                                                      } */
}
@media screen and (min-width: 2560px) {
  .custom-content .dropdown-inner {
    top: 144px;
    right: 41px;
  }
  .charm-fixed {
    right: 35px;
    width: 38%;
  }
  .cstm-style {
    height: 87vh;
  }
  .btn-flex {
    width: 37.8%;
    right: 35px;
  }
  .clickDiv {
    /* width: 450PX; */
    height: 450px;
  }
  .message-show {
    background-size: 100% !important;
  }
  /* .step-img.index-3 {
                                                                          top: 142px;
                                                                          left: 225px;
                                                                      }
                                                                              .step-img.index-2 {
                                                                          top: 141px;
                                                                          left: 67px;
                                                                      }
                                                                                    .step-img.index-4 {
                                                                      left: 25%;
                                                                  } */
  /* .main-child-one {
                                                                      top: 201px;
                                                                  } */
  .second-content .dropdown-inner,
  .third-content .dropdown-inner {
    top: 147px;
    right: 41px;
  }
  .fourth-content .dropdown-inner {
    top: 163px;
    right: 37px;
  }
  /* .step-img.index-0 {
                                                                      transform: scale(2);
                                                                  } */
  /* .main-charm {
                                                                              /* left: -72px; */
  /* top: 125px; */

  /* } */
  */ .clickDiv {
    height: 400px;
  }
}
@media screen and (min-width: 3840px) {
  /* .main-charm { */
  /* left: -120px; */
  /* top: 124px;
                                                                      } */
}
@media screen and (min-width: 5120px) {
  .message-inner-text {
    height: 600px;
  }
}
.message-show {
  width: 90%;
  background-size: 121%;
  right: 78px;
}

.content .div {
  height: auto;
}
.img-height {
  height: auto;
}
.cstm-popup img {
  width: 100%;
}
.cstm-popup h1 {
  text-align: center;
}
#content5 .tab-scale img {
  top: -103px !important;
}
.section-header{
  height:fit-content;
}