/* Load custom font from public URL */
@font-face {
  font-family: 'Acuta';
  src: url('https://boomapi.vipankumar.in/public/fonts/Acuta.ttf') format('opentype');
}

@font-face {
  font-family: 'Ashley';
  src: url('https://boomapi.vipankumar.in/public/fonts/AshleySouthine.otf') format('opentype');
}

@font-face {
  font-family: 'NadiaHeart-Love';
  src: url('https://boomapi.vipankumar.in/public/fonts/NadiaHeart-Love.otf') format('opentype');
}

@font-face {
  font-family: 'NadiaHeart-Regular';
  src: url('https://boomapi.vipankumar.in/public/fonts/NadiaHeart-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'NadiaHeart-Tail';
  src: url('https://boomapi.vipankumar.in/public/fonts/NadiaHeart-Tail.otf') format('opentype');
}

@font-face {
  font-family: 'Helvetica';
  src: url('https://boomapi.vipankumar.in/public/fonts/Helvetica.ttf') format('opentype');
}

@font-face {
  font-family: 'Verdana';
  src: url('https://boomapi.vipankumar.in/public/fonts/Verdana.ttf') format('opentype');
}

@font-face {
  font-family: 'Tahoma';
  src: url('https://boomapi.vipankumar.in/public/fonts/Tahoma.ttf') format('opentype');
}

@font-face {
  font-family: 'Comic';
  src: url('https://boomapi.vipankumar.in/public/fonts/Comic.ttf') format('opentype');
}

@font-face {
  font-family: 'Trebuchet MS';
  src: url('https://boomapi.vipankumar.in/public/fonts/Trebuchet MS.ttf') format('opentype');
}

@font-face {
  font-family: 'Impact';
  src: url('https://boomapi.vipankumar.in/public/fonts/Impact.ttf') format('opentype');
}

@font-face {
  font-family: 'Calibri';
  src: url('https://boomapi.vipankumar.in/public/fonts/Calibri.ttf') format('opentype');
}

@font-face {
  font-family: 'Acuta-Thin';
  src: url('https://boomapi.vipankumar.in/public/fonts/Acuta-Thin.ttf') format('opentype');
}

@font-face {
  font-family: 'Acuta-Light';
  src: url('https://boomapi.vipankumar.in/public/fonts/Acuta-Light.ttf') format('opentype');
}

@font-face {
  font-family: 'Acuta-Book';
  src: url('https://boomapi.vipankumar.in/public/fonts/Acuta-Book.ttf') format('opentype');
}


@font-face {
  font-family: 'Acuta-Bold';
  src: url('https://boomapi.vipankumar.in/public/fonts/Acuta-Bold.ttf') format('opentype');
}

/* Full-screen loader */
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 85vw;
  height: 100vh;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Makes sure it covers everything */
}

/* Centering the text */
.loader-text {
  font-size: 2em;
  color: black;
}


#price-box {
  display: flex;
  gap: 20px;
  align-items: center;
  border: 1px solid #00000087;
  padding: 10px;
  border-radius: 7px;
}

.price-text {
  font-size: 18px;
}

.color-picker-container {
  text-align: center;
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.default-colors {
  margin-bottom: 20px;
}

.color-option {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  margin: 5px;
  cursor: pointer;
  transition: transform 0.2s;
}

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

.custom-color {
  margin-top: 20px;
}

.selected-color {
  margin-top: 20px;
}


#back {
  width: 250px;
  height: 290px;
  position: absolute;
  z-index: 9;
  top: 5px;
  color: white;
  pointer-events: none;
  display: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#frame-style-block {
  display: none;
}

div#cover-all {
  position: relative;
}

div#map-text {
  font-size: 30px;
  padding-top: 25px;
  position: relative;
}

.house {
  background: url("https://cdn.shopify.com/s/files/1/0673/5403/4228/files/home_551.png?v=1740373829");
}

.house-square {
  background: url("https://cdn.shopify.com/s/files/1/0673/5403/4228/files/home_551.png?v=1740373829");
}

.house-landscape {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/home_551.png?v=1740373829');
}

.heart-shape {
  background: url("https://cdn.shopify.com/s/files/1/0673/5403/4228/files/Subtract_1_1.png?v=1742461801");
}

.heart-square {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/HERAT.png?v=1740373830');
}

.heart-landscape {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/HERAT.png?v=1740373830');
}

.circle {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/CIRCLE.png?v=1740373829');
}

.circle-square {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/CIRCLE.png?v=1740373829');
}

.circle-landscape {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/CIRCLE.png?v=1740373829');
}

.frame-photo-heart.black-template #image-capture .heart-shape {
  background-image: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/Sub.png?v=1742983292');
}

.frame-photo-heart.black-template #image-capture .heart-square {
  background-image: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/Sub.png?v=1742983292');
}

.frame-photo-heart.black-template #image-capture .heart-landscape {
  background-image: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/Sub.png?v=1742983292');
}

.black-template .house {
  background: url("https://cdn.shopify.com/s/files/1/0673/5403/4228/files/home_551_1_1.png?v=1743503930");
}

.black-template .house-square {
  background: url("https://cdn.shopify.com/s/files/1/0673/5403/4228/files/home_551_1_1.png?v=1743503930");
}

.black-template .house-landscape {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/home_551_1_1.png?v=1743503930');
}

.black-template .circle {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/CIRCLE_1_1.png?v=1743507928');
}

.black-template .circle-landscape {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/CIRCLE_1_1.png?v=1743507928');
}

.black-template .circle-square {
  background: url('https://cdn.shopify.com/s/files/1/0673/5403/4228/files/CIRCLE_1_1.png?v=1743507928');
}

#color-picker {
  display: none;
}

button.tab-btn {
  border: 1px solid #d6d6d6 !important;
  background: #fff !important;
  border-radius: 3px;
  position: relative;
  box-shadow: 0px 0px 3px 0px #00000033;
}

button.tab-btn.active {
  border: 1px solid #1c1c1c !important;
  color: #1c1c1c;
  z-index: 2;
}

button.tab-btn.active::after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 3px 0px 0px 0px;
  display: block;
  background: #1c1c1c;
  position: absolute;
  left: 46%;
  z-index: 2 !important;
  transform: rotate(45deg) translateX(-50%);
  bottom: -10px;
}

.inner-image {
  position: sticky;
  top: 100px;
}

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

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

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  /* Added infinite */
}

#text-container {
  margin-top: 0px;
}

#text-container #title-text {
  /* font-weight: bolder; */
  font-size: 30px;
}

#text-container #sub-text {
  font-size: small;
}

#image-capture {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

#map,
#moon,
#star {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.uploadImg {
  visibility: hidden;
  background: #fff;
  width: 100px;
  height: 100px;
  min-height: 100px;
  /* max-width: fit-content; */
  position: relative;
  border-radius: 50%;
  margin-top: -45px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

#imagePreview {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.uploadImg p {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin: auto;
  font-size: 12px;
}

.uploadImg input {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.product-title {
  margin: 0 0 15px;
}

.product-price {
  font-size: 20px;
  font-weight: 500 !important;
  line-height: 24.2px;
  text-align: left;
  color: #4f4f51 !important;
}

button.tab-btn span {
  border-radius: 3px;
}

.custom-gl-marker {
  font-size: 10px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.options-container {
  margin-top: 20px;
}

.label-bold {
  font-weight: bold;
  display: block;
}

.checkbox-label {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  cursor: pointer;
}

.input-field {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.text-display {
  padding: 5px;
  border: 1px solid transparent;
}

#shape {
  top: 10px;
  position: relative;
  background: #ffffff;
  clip-path: url(#clipShape);
  /* Reference the defined clip-path */
  transform-origin: center center;
  /* Ensure scaling is done from the center */
  transform: scale(1);
  /* Default scale */
  transition: transform 0.3s ease;
  /* Smooth transition when scaling */
  display: flex;
  justify-content: center;
  align-items: center;
}

#image-capture {
  box-shadow: 0px 20px 84px 6px #d8d9db;
  max-height: 520px;
  box-sizing: content-box;
  background-size: cover;
}

/* Garry App CSS */
.product-customization h1 {
  margin: 0 0 15px;
}

.product-price {
  font-size: 20px;
  font-weight: 500 !important;
  line-height: 24.2px;
  text-align: left;
  color: #0c0c0c !important;
}

.product-price span {
  color: #4f4f51 !important;
}

.product-customization .tab-content {
  border-radius: 5px !important;
  border: 0 !important;
  /* box-shadow: 0 0 8px 1px #0003; */
  padding: 0 !important;
}

button.tab-btn {
  border: 1px solid #d6d6d6 !important;
  background: #fff !important;
  border-radius: 3px;
  position: relative;
  box-shadow: 0px 0px 3px 0px #00000033;
}

button.tab-btn.active {
  border: 1px solid #1c1c1c !important;
  color: #1c1c1c;
  z-index: 2;
}

button.tab-btn span {
  border-radius: 3px;
}

.product-customization .tab-content h4 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.36px;
  color: #000000;
}

.style-details,
.frame-style-design {
  box-shadow: 0px 0px 15px 0px #1018280f;
  padding: 20px 15px;
  border-radius: 8px;
}

#layout-options label,
#frame-options label {
  box-shadow: 0px 0.59px 1.77px 0px #1018281a;
  border: 0;
  padding: 8px;
  border-radius: 5px;
}

div#print-options label {
  box-shadow: none !important;
  padding: 0 !important;
  border: 0;
}

div#product-variants label {
  box-shadow: none;
  padding: 0;
  border: 0;
}

#layout-options label .layout-option-block {
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
  /* width: 20px !important;
    height: 20px !important; */
}

div#layout-options {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  padding-top: 15px;
  border-top: 1px solid #efefef;
}

#layout-options label p {
  color: #202223;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;
  margin: 6px 0 0;
}

.color-scheme-block,
.printLayout-block,
.themeVariant-block {
  box-shadow: 0 0 15px #1018280f;
  padding: 20px 15px;
  border-radius: 8px;
  margin-top: 20px;
}

.color-scheme-block div#style-options {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px 10px !important;
  padding-top: 15px;
  border-top: 1px solid #efefef;
}

.color-scheme-block div#style-options label {
  box-shadow: none;
  border-radius: 0;
  display: block !important;
  width: 100% !important;
}

.style-option-block .inputTrigger {
  box-shadow: 0px 0px 15px 0px #1018280f;
  background: #eef2f7;
  border-radius: 8px;
  display: block !important;
  width: 100% !important;
}

.style-option-block .inputTrigger img {
  border-radius: 8px;
}

.style-option-block input:checked+div {
  background: #1c1c1c;
}

.style-option-block input:checked+div p {
  color: #fff !important;
}

.color-scheme-block div#style-options label .style-option-block {
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.color-scheme-block div#style-options label .style-option-block img {
  display: block;
  object-fit: cover !important;
}

.color-scheme-block div#style-options label p {
  color: #202223;
  /* font-family: 'Poppins'; */
  font-size: 10px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: center;
  padding: 5px 0 5px;
  margin: 0;
}

button#resetBtn {
  border: 1px solid #000000;
  background: transparent;
  border-radius: 8px;
  width: 100%;
  max-width: 115px;
  min-height: 50px;
  color: #222222;
  /* font-family: Inter; */
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
}

button#next-btn,
button#buy-now-btn {
  width: 100%;
  max-width: 115px;
  min-height: 50px;
  border-radius: 8px !important;
  /* font-family: Inter; */
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  background: #1c1c1c !important;
}

.suggestions-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
  background: #fff;
  position: absolute;
  width: 100%;
  z-index: 1000;
  left: 0;
  right: 0;
}

.suggestion-item {
  padding: 8px 10px;
  cursor: pointer;
}

.suggestion-item:hover {
  background-color: #f0f0f0;
}

.style-details>label,
.color-scheme-block>label,
.frame-style-design>label,
.printLayout-block>label,
.themeVariant-block>label {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 18px !important;
  line-height: 22px !important;
}

.style-details>label #layout-error,
.color-scheme-block>label #style-error,
.constellation-block>label #constellation-error,
.frame-style-design>label #frame-error,
.printLayout-block>label #print-error,
.themeVariant-block>label #variant-error {
  color: #ff4040;
  font-size: 12px;
  font-weight: 400;
}

div#frame-options,
.printLayout-block #print-options,
.themeVariant-block #product-variants {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #efefef;
  padding-top: 15px;
}

div#print-options label .print-option-block {
  box-shadow: none !important;
  padding: 0;
  border: 0 !important;
}

div#product-variants .variant-option-block {
  box-shadow: none !important;
  padding: 0;
  border: 0 !important;
}

.print-option-block .inputTrigger {
  box-shadow: 0px 0.59px 1.77px 0px #1018281a;
  border-radius: 5px;
  padding: 8px;
  text-align: left;
}

#frame-options label .frame-option-block {
  box-shadow: none !important;
  width: 100% !important;
  border: 0 !important;
  height: 100% !important;
  background: transparent !important;
}

.print-option-block .inputTrigger img {
  width: 20px;
  height: 20px;
  display: block;
}

.variant-option-block .variantBlock-upper {
  box-shadow: 0px 0.59px 1.77px 0px #1018281a;
  text-align: left;
  padding: 8px;
  border-radius: 5px;
}

.variant-option-block input:checked+div {
  background: #1c1c1c;
}

.variant-option-block input:checked+div p {
  color: #fff !important;
}

.frame-option-block .inputTrigger {
  text-align: left;
  padding: 8px;
  border-radius: 5px;
  box-shadow: 0px 0.59px 1.77px 0px #1018281a;
}

.frame-option-block input:checked+div {
  background: #1c1c1c;
}

.frame-option-block input:checked+div p {
  color: #fff !important;
}

.frame-option-block input:checked+div img {
  filter: invert();
}

.frame-option-block .inputTrigger img {
  width: 20px;
  height: 20px;
  display: block;
}

#frame-options label p,
.printLayout-block #print-options label p,
.themeVariant-block #product-variants label p {
  color: #202223;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  text-align: left;
  margin: 6px 0 0;
}

.variantBlock-upper p {
  margin: 0 !important;
}

#layout-options label {
  box-shadow: none;
  padding: 0;
}

.layout-option-block .inputTrigger {
  border: 0;
  padding: 8px;
  border-radius: 5px;
  box-shadow: 0px 0.59px 1.77px 0px #1018281a;
  text-align: left;
}

.layout-option-block .inputTrigger img {
  width: 25px;
  height: 25px;
  display: block;
}

.layout-option-block input:checked+div {
  background: #1c1c1c;
}

.layout-option-block input:checked+div img {
  filter: invert(1);
}

.layout-option-block input:checked+div p {
  color: #fff !important;
}

#frame-options label {
  padding: 0;
  border: 0;
  box-shadow: none !important;
}

.print-option-block input:checked+div {
  background: #1c1c1c;
}

.print-option-block input:checked+div p {
  color: #fff !important;
}

.print-option-block input:checked+div img {
  filter: invert();
}

.product-customization {
  padding: 20px;
  flex: 1;
}

.product-page-container {
  max-width: 1200px;
  margin: 0 auto;
  font-family: inherit;
  padding: 20px;
  background-color: #fff;
}

.product-customization #tab-details {
  box-shadow: 0px 0px 15px 0px #1018280f;
  padding: 20px 15px !important;
  border-radius: 8px !important;
}

/* Third Step Design CSS */
#tab-details .options-container {
  margin: 0;
}

#tab-details .options-container label.label-bold {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
  line-height: 22px;
}

#tab-details .options-container label.checkbox-label {
  margin: 0;
  line-height: 1;
  font-size: 14px;
  position: relative;
  width: fit-content;
  margin-bottom: 15px;
}

.script-container label.checkbox-label {
  margin: 0;
  line-height: 1;
  font-size: 14px;
  position: relative;
  width: fit-content;
  margin-bottom: 20px;
  margin-top: 8px;
}

#tab-details .options-container label.checkbox-label input,
.script-container label.checkbox-label input {
  opacity: 0;
  position: absolute;
  width: 100%;
  margin: 0;
}

div#input-fields-container input,
div#coordinates-container input,
div#manual-address-container input#manual-address-input {
  border: 1px solid #dadada;
  padding: 15px 10px;
  height: 50px;
  border-radius: 8px;
}

#tab-details .options-container label.checkbox-label span::before .script-container label.checkbox-label span::before,
label.checkbox-label span::before {
  content: "";
}

#tab-details .options-container label.checkbox-label span::after,
.script-container label.checkbox-label span::after,
label.checkbox-label span::after {
  content: "✓";
  opacity: 0;
  position: absolute;
  left: 4px;
  font-size: 10px;
  color: #000;
  font-weight: 700;
}

#tab-details .options-container label.checkbox-label span,
.script-container label.checkbox-label span,
label.checkbox-label span {
  display: flex;
  align-items: center;
  gap: 10px;
}

#tab-details .options-container label.checkbox-label span::before,
.script-container label.checkbox-label span::before,
label.checkbox-label span::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #1c1c1c;
  border-radius: 3px;
}

#tab-details .options-container label.checkbox-label input:checked+span::after,
.script-container label.checkbox-label input:checked+span::after,
label.checkbox-label input:checked+span::after {
  opacity: 1;
}

.map-adddress-type,
.moon-phase-type {
  display: grid;
  grid-template-columns: 1fr 1fr;
  box-shadow: 0px 0px 4px 0px #00000033;
  background: #f0f0f0;
  border-radius: 5px;
  gap: 40px;
}

.map-adddress-type label.radio-option,
.moon-phase-type label {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.5px;
  text-align: center;
  color: #000;
  padding: 15px 10px;
  position: relative;
}

.map-adddress-type label.radio-option input,
.moon-phase-type label input {
  position: absolute;
  background: #1c1c1c;
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  border-radius: 5px;
  opacity: 0;
  z-index: 1;
}

.map-adddress-type label.radio-option p,
.moon-phase-type label p {
  margin: 0;
  position: relative;
  z-index: 2;
}

.map-adddress-type label.radio-option input:checked+p,
.moon-phase-type label input:checked+p {
  color: #fff;
}

.map-adddress-type label.radio-option input:checked,
.moon-phase-type label input:checked {
  opacity: 1;
}

div#coordinates-container {
  margin-top: 20px;
  margin-bottom: 15px;
}

div#coordinates-container button#update-coordinates-btn {
  margin-top: 10px;
  min-height: 45px;
  border-radius: 8px !important;
  /* font-family: Inter; */
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background: #1c1c1c !important;
  color: #fff;
  padding: 5px 20px;
}

div#controls {
  margin-top: 15px;
}

div#controls>label {
  font-size: 18px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  line-height: 22px;
}

div#controls .checkbox-group {
  margin-bottom: 20px;
}

div#moon {
  display: flex;
  grid-template-columns: 1fr 1fr;
}

.moon-block {
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

input#moon-date-selector,
input#footnote-input-moon {
  border: 1px solid #dadada;
  padding: 15px 10px;
  height: 50px;
  border-radius: 8px;
  width: 100%;
}

.moon-type-selector label,
#moon-phase-dropdown label {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-top: 10px;
  line-height: 1.2;
}

#moon-phase-dropdown select {
  border: 1px solid #dadada;
  padding: 15px 10px;
  height: 50px;
  width: 100%;
  border-radius: 8px;
  /* font-family: inter; */
}

#moon-fields>label {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-top: 10px;
  line-height: 1.2;
  margin-bottom: 10px;
}

.moon-type-selector label,
#moon-phase-dropdown label {
  margin-bottom: 10px;
}

.footer-note-block label {
  font-size: 14px;
  font-weight: bold;
  display: block;
  margin-top: 10px;
  line-height: 1.2;
  margin-bottom: 10px;
}

canvas.mapboxgl-canvas {
  width: 100% !important;
  height: 100% !important;
}

div#moon .uploadImageMoon {
  position: static !important;
  width: 100%;
  height: auto;
  visibility: visible;
  background: transparent;
}

div#moon .uploadImageMoon p#placeholder {
  margin: 0;
  width: 100%;
}

div#moon .uploadImageMoon svg {
  width: 100%;
  height: 100%;
}

div#uploadMoonPhoto {
  width: 100%;
}

#controls label.checkbox-option {
  position: relative;
}

#controls label.checkbox-option input {
  position: absolute;
  opacity: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#controls label.checkbox-option i {
  font-size: 26px;
  color: #23262f;
  width: 30px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#controls label.checkbox-option span.mapLocator {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0.59px 1.77px 0px #1018281a;
  background: #fff;
  border-radius: 5px;
}

div#controls .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 10px;
}

#controls label.checkbox-option input:checked+span.mapLocator {
  background: #b81d23;
}

#controls label.checkbox-option input:checked+span.mapLocator i {
  color: #fff;
}

div#text-container {
  height: 90px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.script-text-container {
  font-size: 14px;
  margin-top: 5px;
}

/* Changes 8 Jan */
.frame-style-block {
  text-align: left;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.frame-style-block .variantBlock-upper {
  text-align: left;
  padding: 8px;
  border-radius: 5px;
  box-shadow: 0px 0.59px 1.77px 0px #1018281a !important;
  border: 0 !important;
}

.frame-style-block input:checked+.variantBlock-upper {
  background: #1c1c1c;
}

.frame-style-block input:checked+.variantBlock-upper p {
  color: #fff !important;
}

.imageCapturehidden div#uploadImg {
  display: flex;
}

#image-capture {
  justify-content: flex-start;
  gap: 10px;
}

#image-capture.imageCapturehidden {
  justify-content: center;
  gap: 0;
}

.color-picker-wrapper-box {
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.color-picker-wrapper-box input#color-picker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(2.5);
}

/* Fancybox CSS */
.demo {
  width: 100%;
  margin: 0px auto;
}

#lightSlider {
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 0;
}

li {
  display: block;
  float: left;
  cursor: pointer;
}

.demo img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 70px;
  height: 70px;
}

.lSSlideOuter .lSPager.lSGallery li {
  opacity: 0.5;
}

.lSSlideOuter .lSPager.lSGallery li.active {
  opacity: 1;
}

.lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li {
  border-radius: 0;
}

.lSPager.lSGallery li.active:hover,
.lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 0;
}

.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: 64px;
  max-width: 100%;
}

.lSSlideOuter.vertical {
  padding-right: 0 !important;
}

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: unset;
  top: 0;
  left: 0;
  margin-left: 0 !important;
  margin-right: 10px;
}

ul.lSPager.lSGallery {
  display: none;
}

.sidebarthumbs {
  width: 100%;
  max-width: 70px;
}

.media-gallery-flex {
  display: flex;
  gap: 20px;
  position: sticky;
  top: 100px;
}

.lSSlideWrapper .lSAction {
  display: none !important;
}

.fancybox-container {
  background: #00000090;
}

.product-image.no-map-title #image-capture {
  max-height: max-content;
  padding-top: 20px;
}

.product-image.no-main-title #image-capture {
  max-height: max-content;
  padding-bottom: 20px;
}

.product-image.no--subtitle #image-capture {
  max-height: max-content;
}


.product-image.no--subtitle .uploadImg,
.product-image.no-main-title .uploadImg,
.product-image.no-map-title .uploadImg {
  height: 100px;
  min-height: 100px;
}

.product-image.no-main-title #image-capture div#text-container {
  height: auto;
}

#shape .mapboxgl-control-container a.mapboxgl-ctrl-logo {
  height: 12px;
}

div#text-container {
  height: auto;
}

div#image-capture {
  max-height: 100%;
  height: auto;
}

.product-image.frame-photo-heart #back {
  width: 280px !important;
  height: 330px;
  top: -15px;
}

.product-image.frame-photo-heart #shape {
  width: 280px !important;
  height: 280px !important;
}

.sidebarthumbs {
  display: none;
}


/* Changes 3 Feb */
.color-scheme-block div#style-options label .style-option-block img {
  width: 100%;
  height: 50px;
  margin: auto;
  transform: scale(1.1);
  overflow: hidden;
}
.product-customization {
  max-width: 450px;
}
.color-scheme-block div#style-options label p {
  /* font-family: 'Assistant'; */
  font-size: 10px;
  overflow-wrap: break-word;
  width: 60px;
  margin: auto;
}
button#detail-switch-btn {
  display: block;
  width: 100%;
  min-height: 50px;
  margin: 18px 0;
  background: transparent;
  border: 1px solid #000;
  border-radius: 8px;
  font-size: 15px;
  /* font-family: 'Assistant'; */
  font-weight: 600;
}



span.product-description {
  display: none;
}
h3.customization-header {
  margin-top: 0;
}
.product-customization {
  padding: 0 20px 0;
}
#imagePreview {
  border: 4px solid #fff !important;
  box-sizing: border-box;
}
.product-customization {
  padding: 20px 20px 0;
  background: #fff;
  box-shadow: 0px 0px 18px 5px #f5f5f5;
  border-radius: 8px;
}

/* Positive Prints  */
.product-image.sqaure-print #image-capture {
  max-width: 480px !important;
  height: 480px;
}
div#map-text {
  font-size: 30px;
  padding-top: 15px;
  line-height: 40px;
}
#text-container #title-text {
  line-height: 40px;
}
div#image-capture {
  max-height: 100%;
  height: auto;
  /* max-width: 400px !important;
  max-height: 565px !important;
  height: 565px !important; */
}

div.backend-disabled {
  display: none !important;
}
#imagePreview {
  object-fit: cover;
}
.ring-block img {
  display: block;
  max-width: 20px;
  width: 100%;
  margin: 0px auto 0;
  object-fit: contain;
}

span.tab-blocks {
  flex-direction: column;
  gap: 5px;
}
span.tab-blocks span {
  /* display: none; */
}

/* If inner border is enable */
.inner-frame #image-capture::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: transparent;
  border: 4px solid #000;
  position: absolute;
  max-width: calc(100% - 30px);
  max-height: calc(100% - 30px);
  z-index: 1;
}
.landscape-print.inner-frame div#image-capture > * {
  z-index: 2;
}
.inner-frame-white.inner-frame #image-capture::after {
  border-color: #303030 !important;
}
.border-var-wooden.inner-frame #image-capture::after {
  border-color: #C19A6B !important;
}
.inner-frame-black.inner-frame #image-capture::after {
  border-color: #FAF9F6 !important;
}
.default-portrait-print.inner-frame div#image-capture {
  padding: 20px !important;
}
.landscape-print.inner-frame div#image-capture {
  padding: 20px !important;
}
.sqaure-print.inner-frame div#image-capture {
  padding: 20px !important;
}
.default-portrait-print.inner-frame div#image-capture > * {
  z-index: 99;
}
.default-portrait-print.inner-frame div#image-capture {
  box-sizing: content-box;
}
/* End CSS */

/* Outer Frame CSS */
.inner-border-wrapper div#image-capture {
  border: 20px solid #303030 !important;
}
.inner-border-wrapper.border-var-black div#image-capture {
  border-color: #303030 !important;
}
.inner-border-wrapper.border-var-wooden div#image-capture {
  border-color: #C19A6B !important;
}
.inner-border-wrapper.border-var-white div#image-capture {
  border-color: #FAF9F6 !important;
}

/* End CSS */

/* Changes 11 March */
div#sub-text {
  line-height: 20px;
  letter-spacing: 1.2px;
}
#text-container #title-text {
  line-height: 20px;
  letter-spacing: 1.2px;
}
ul#address-suggestions:not(ul:empty) {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  max-height: 200px;
}


@media (min-width: 768px) {
  /* With Photo CSS */
  .product-image.frame-with-photo.landscape-print #image-capture div#cover-all {
    width: 95%;
  }
  .product-image.frame-with-photo.landscape-print #image-capture div#cover-all #shape {
    width: 100% !important;
    height: 180px !important;
  }

  /* Sqaure CSS */
  .product-image.frame-sqaure.no-map-title #cover-all {
    width: 95%;
  }

  

  /* Refined CSS for All Shapes */

    /* Other CSS */
    .product-image.frame-circle #cover-all {
      width: 95%;
    }

    /* Portrait For all Shapes */
    .default-portrait-print #image-capture #cover-all #back {
      width: 300px !important;
      height: 300px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      margin: auto !important;
    }
    .default-portrait-print #image-capture #cover-all #shape {
      width: 295px !important;
      height: 295px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      margin: 0;
    }
    .default-portrait-print div#image-capture {
      min-height: 557px !important;
      max-width: 394px !important;
      justify-content: center;
      padding: 0 !important;
    }

      /* Portraint Square Frame with no title */
      .frame-sqaure.default-portrait-print #image-capture #cover-all #back {
        width: 350px !important;
        height: 350px !important;
      }

      .frame-sqaure.default-portrait-print #image-capture #cover-all  div#shape {
        width: 350px !important;
        height: 350px !important;
      }
    

    /* Square For all Shapes */
    .sqaure-print #image-capture #cover-all #back {
      height: 250px !important;
      width: 250px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
    }
    .product-image.sqaure-print #image-capture {
      height: 480px !important;
      padding: 0;
      justify-content: center;
    }
    .sqaure-print #image-capture #cover-all #shape {
      height: 245px !important;
      width: 245px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      margin: 0;
    }
      /* Square Square Frame with no title */
      .frame-sqaure.product-image.sqaure-print #image-capture #cover-all #back {
        height: 300px !important;
        width: 300px !important;
      }
      .frame-sqaure.product-image.sqaure-print #image-capture #cover-all  div#shape {
        height: 300px !important;
        width: 300px !important;
      }
      .frame-sqaure.product-image.sqaure-print #image-capture {
        height: 480px !important;
        min-height: 480px !important;
        padding: 0;
      }
      .frame-sqaure.product-image.sqaure-print #image-capture #cover-all {
        margin-top: 20px;
      }

    /* Landscape For all Shapes */
    .landscape-print #image-capture #cover-all #back {
      width: 200px !important;
      height: 200px !important;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .landscape-print #image-capture #cover-all #shape {
      width: 195px !important;
      height: 195px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 1px;
      margin: 0;
    }
    .landscape-print div#image-capture {
      min-height: 412px !important;
      justify-content: center;
      max-height: 412px !important;
      padding: 0 !important;
    }
      /* Landscape Square Frame with no title */
      .frame-sqaure.landscape-print #image-capture #cover-all  div#shape {
        width: 250px !important;
        height: 250px !important;
      }
      .frame-sqaure.landscape-print #image-capture #cover-all #back {
        width: 250px !important;
        height: 250px !important;
      }
      .frame-sqaure.landscape-print #image-capture #cover-all {
        margin-top: 20px;
      }

    /* Ring Template CSS */
    .ring-included-editor.product-image.frame-with-photo.landscape-print #image-capture div#cover-all #shape {
      width: 100% !important;
      height: 150px !important;
    }
    .ring-included-editor.landscape-print #text-container #title-text {
      line-height: 30px;
    }

    .landscape-print.frame-house.ring-included-editor div#image-capture {
      max-width: 100% !important;
    }
    .landscape-print.frame-photo-heart.ring-included-editor div#image-capture {
      max-width: 100% !important;
    }
    .ring-included-editor .text-display {
      padding: 0;
    }
    .landscape-print.frame-with-photo.ring-included-editor div#image-capture {
      max-width: 100% !important;
      width: 100%;
    }
    .landscape-print.frame-circle.ring-included-editor div#image-capture {
      width: 100% !important;
      max-width: 100% !important;
    }
    .ring-included-editor.landscape-print div#image-capture {
      max-width: 100% !important;
      width: 100% !important;
    }
    .ring-included-editor.frame-with-photo.sqaure-print #image-capture #cover-all #shape {
      height: 220px !important;
      width: 220px !important;
    }
    .ring-included-editor.frame-with-photo.sqaure-print #image-capture #cover-all #back {
      height: 220px !important;
      width: 220px !important;
    }



}

@media (max-width: 991px) {
  .product-details {
    flex-direction: column;
  }
  .product-details .product-customization {
    margin: auto;
    padding: 0px !important;
  }
  .product-details .product-gallery-box #image-capture {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .product-details {
    flex-direction: column;
  }

  .product-page-container {
    padding: 0 !important;
  }

  .product-customization {
    padding: 0px !important;
  }

  #image-capture {
    max-width: 100% !important;
  }
  #layout-options label p,
  .color-scheme-block div#style-options label p,
  #frame-options label p,
  .printLayout-block #print-options label p,
  .themeVariant-block #product-variants label p {
    font-size: 10px;
  }
  div#layout-options,
  .color-scheme-block div#style-options {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px !important;
  }
  .media-gallery-flex {
    flex-direction: column-reverse;
  }
  .sidebarthumbs {
    display: none;
  }
  .color-scheme-block div#style-options {
    grid-template-columns: repeat(4, 1fr);
  }
  .color-scheme-block div#style-options label .style-option-block img {
    width: 100%;
    height: 100%;
    max-height: 60px;
  }
  .product-customization span.product-description {
    display: none;
  }
  .customization-header {
    margin-top: 0;
  }

  #image-capture #shape {
    height: 280px !important;
  }

  #image-capture {
    max-height: 500px;
  }

  #imagePreview {
    border-radius: 50%;
    margin: 0 !important;
    object-fit: cover;
  }

  div#cover-all {
    overflow: hidden;
  }
  h3.customization-header {
    display: none;
  }

  #back {
    width: 100%;
    height: 270px;
    top: 5px;
    background-size: cover;
  }

  .product-image.frame-photo-heart #back {
    width: 280px !important;
    height: 270px;
    top: 10px;
  }

  #image-capture .product-image.frame-photo-heart #shape {
    width: 280px !important;
    height: 270px !important;
  }

  div#image-capture {
    max-height: 100% !important;
    height: auto !important;
  }
  .product-image.frame-photo-heart #back {
    width: 300px !important;
    height: 285px;
    top: 10px;
  }
  #image-capture #shape {
    height: 290px !important;
    width: 300px !important;
  }
  .product-image.frame-house #cover-all #back {
    width: 100% !important;
    height: 335px;
  }
  .product-image.frame-house #cover-all #shape {
    height: 330px !important;
    width: 300px !important;
  }

  .product-customization {
    padding: 0px !important;
    margin: auto;
    width: 100%;
  }


  /* Refined CSS for All Shapes */

    /* Other CSS */
    .product-image.frame-circle #cover-all {
      width: 95%;
    }

    /* Portrait For all Shapes */
    .default-portrait-print #image-capture #cover-all #back {
      width: 200px !important;
      height: 200px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      margin: auto !important;
    }
    .default-portrait-print #image-capture #cover-all #shape {
      width: 200px !important;
      height: 200px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      margin: 0;
    }
    .default-portrait-print div#image-capture {
      min-height: 424px !important;
      max-width: 300px !important;
      justify-content: center;
      padding: 0 !important;
      width: 100% !important;
    }
    div#cover-all {
      max-width: calc(100% - 20px);
    }
    #image-capture {
      border-width: 15px !important;
    }
    .product-customization {
      box-shadow: none;
    }

      /* Portraint Square Frame with no title */
      .frame-sqaure.default-portrait-print #image-capture #cover-all #back {
        width: 270px !important;
        height: 270px !important;
      }

      .frame-sqaure.default-portrait-print #image-capture #cover-all  div#shape {
        width: 270px !important;
        height: 270px !important;
      }
      /* Portrait Square Frame With Photo */
      .frame-with-photo.default-portrait-print #image-capture #cover-all #shape {
        width: 270px !important;
        height: 200px !important;
      }
      .frame-with-photo.default-portrait-print #image-capture #cover-all #back {
        width: 270px !important;
        height: 200px !important;
      }
    

    /* Square For all Shapes */
    .sqaure-print #image-capture #cover-all #back {
      height: 210px !important;
      width: 210px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
    }
    .product-image.sqaure-print #image-capture {
      height: 375px !important;
      padding: 0;
      justify-content: center;
      max-width: 375px !important;
    }
    .sqaure-print #image-capture #cover-all #shape {
      height: 210px !important;
      width: 210px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      margin: 0;
    }
      /* Square Square Frame with no title */
      .frame-sqaure.product-image.sqaure-print #image-capture #cover-all #back {
        height: 300px !important;
        width: 310px !important;
      }
      .frame-sqaure.product-image.sqaure-print #image-capture #cover-all  div#shape {
        height: 300px !important;
        width: 310px !important;
      }
      .frame-sqaure.product-image.sqaure-print #image-capture {
        height: 375px !important;
        min-height: 375px !important;
        padding: 0;
      }
      .frame-sqaure.product-image.sqaure-print #image-capture #cover-all {
        margin-top: 20px;
      }
      /* Sqaure With Photo Frame */
      .frame-with-photo.sqaure-print #image-capture #cover-all #shape {
        height: 200px !important;
        width: 350px !important;
      }
      .frame-with-photo.sqaure-print #image-capture #cover-all #back {
        height: 200px !important;
        width: 350px !important;
      }

    /* Landscape For all Shapes */
    .landscape-print #image-capture #cover-all #back {
      width: 105px !important;
      height: 105px !important;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .landscape-print #image-capture #cover-all #shape {
      width: 102px !important;
      height: 105px !important;
      left: 50%;
      transform: translateX(-50%);
      top: 1px;
      margin: 0;
    }
    .landscape-print div#image-capture {
      min-height: 280px !important;
      justify-content: center;
      max-height: 280px !important;
      padding: 0 !important;
      max-width: 350px !important;
    }
    div#map-text {
      padding-top: 15px;
      line-height: 1;
    }
    div#text-container div#title-text {
      line-height: 1 !important;
    }
    div#text-container div#sub-text {
      line-height: 1.5;
      margin-top: 5px;
    }
    .ring-block img {
      max-width: 15px;
    }
      /* Landscape Square Frame with no title */
      .frame-sqaure.landscape-print #image-capture #cover-all div#shape {
        width: 100% !important;
        height: 170px !important;
      }
      .frame-sqaure.landscape-print #image-capture #cover-all #back {
        width: 100% !important;
        height: 170px !important;
      }
      .frame-sqaure.landscape-print #image-capture #cover-all {
        margin-top: 10px;
        width: 100%;
      }
      
      /* Landscape With Photo Template */
      .frame-with-photo.landscape-print div#image-capture #cover-all {
        width: 100%;
        margin-top: 10px;
      }
      .frame-with-photo.landscape-print div#image-capture #cover-all #back {
        width: 100% !important;
        height: 150px !important;
      }
      .frame-with-photo.landscape-print div#image-capture #cover-all #shape {
        width: 100% !important;
        height: 150px !important;
      }
      .frame-with-photo.landscape-print div#image-capture #uploadImg {
        width: 70px;
        height: 70px;
        min-height: 70px;
        margin-top: -30px;
      }
      .frame-with-photo.landscape-print div#image-capture #uploadImg #placeholder {
        line-height: 1;
      }

    /* Ring Template CSS */
    .ring-included-editor.product-image.frame-with-photo.landscape-print #image-capture div#cover-all #shape {
      width: 100% !important;
      height: 150px !important;
    }
    .ring-included-editor.landscape-print #text-container #title-text {
      line-height: 30px;
    }

    .landscape-print.frame-house.ring-included-editor div#image-capture {
      max-width: 100% !important;
    }
    .landscape-print.frame-photo-heart.ring-included-editor div#image-capture {
      max-width: 100% !important;
    }
    .ring-included-editor .text-display {
      padding: 0;
    }
    .landscape-print.frame-with-photo.ring-included-editor div#image-capture {
      max-width: 100% !important;
      width: 100%;
    }
    .landscape-print.frame-circle.ring-included-editor div#image-capture {
      width: 100% !important;
      max-width: 100% !important;
    }
    .ring-included-editor.landscape-print div#image-capture {
      max-width: 100% !important;
      width: 100% !important;
    }
    .ring-included-editor.frame-with-photo.sqaure-print #image-capture #cover-all #shape {
      height: 220px !important;
      width: 220px !important;
    }
    .ring-included-editor.frame-with-photo.sqaure-print #image-capture #cover-all #back {
      height: 220px !important;
      width: 220px !important;
    }

  .style-details>label,
  .color-scheme-block>label {
    display: none !important;
  }
  .style-details #layout-options,
  .color-scheme-block #style-options {
    padding: 0;
    border: 0;
  }
  button#buy-now-btn {
    max-width: 450px;
    margin: auto;
    width: 100%;
  }

  span.tab-blocks span {
      /* display: none; */
      font-size: 12px;
  }
  /* If border is enable */
  .landscape-print.inner-border-wrapper div#image-capture {
    padding: 10px !important;
    box-sizing: border-box;
  }
  .inner-border-wrapper #image-capture::after {
    border: 3px solid #000;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
  }
  .landscape-print.inner-border-wrapper #image-capture::after {
    max-width: calc(100% - 15px);
    max-height: calc(100% - 15px);
  }
  



}

.heading-main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.download-dev {
  /* background-color: #333; */
  background-color: white;
  color: white;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.download-dev:hover {
  background-color: #333;
}


/* Donwload styles */

.download.default-portrait-print #image-capture #cover-all #back {
  width: 880px !important;
  height: 880px !important;
}
.download.default-portrait-print #image-capture #cover-all #shape {
  width: 860px !important;
  height: 860px !important;
  top: 2px;
}

.download.default-portrait-print div#image-capture {
  min-height: 1696px !important;
  max-width: 1200px !important;
  justify-content: center;
  padding: 0 !important;
  width: 1200px !important;
  image-rendering: -webkit-optimize-contrast;
  filter: contrast(140%);
}

.download div#map-text {
  line-height: unset;
}
.download #text-container #title-text {
  line-height: 1;
  font-size: calc(var(--title-font-size) * 3.2) !important;
}
.download div#sub-text {
  line-height: 28px;
  font-size: calc(var(--sub-font-size) * 3.2) !important;
}
.download .ring-block img {
  max-width: 70px;
  /* margin-top: 20px; */
}
div#cover-all {
  margin-bottom: 0px;
  margin-top: 10px;
}
.download div#map-text {
  padding-bottom: 15px;
  font-size: calc(var(--map-font-size) * 3.5) !important;
  line-height: 1;
}
div#cover-all {
  overflow: hidden;
}
.download #text-container {
  margin-top: 30px;
}

.download.inner-border-wrapper #image-capture::after {
  border: 8px solid;
  max-width: calc(100% - 55px);
  max-height: calc(100% - 55px);
}
#text-container #title-text {
  line-height: 1;
  letter-spacing: 1.2px;
}
div#sub-text {
  line-height: 1.3 !important;
}

.download.default-portrait-print.frame-sqaure div#image-capture div#cover-all div#shape {
  width: 570px !important;
  height: 520px !important;
}
.download.default-portrait-print.frame-sqaure div#image-capture div#cover-all {
  width: 100%;
  max-width: calc(100% - 90px);
  margin-top: 45px;
  margin-bottom: 40px;
}
.download.default-portrait-print.frame-sqaure div#image-capture {
  justify-content: start;
}
.download.default-portrait-print.frame-sqaure #text-container #title-text {
  line-height: 1.3;
}
.download .pointer-icon .icon {
  font-size: 40px;
}

.ring-included-editor.black-template #ring-block img.whiteRing {
  display: block !important;
}

.ring-included-editor.black-template #ring-block img.blackRing {
  display: none;
}

.pointer-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: red;
  pointer-events: all;
  z-index: 99;
}

.mapboxgl-ctrl-bottom-right {
  display: none;
}
.download.inner-border-wrapper div#image-capture {
  border-width: 35px !important;
}
#download-loader img {
  display: block;
  animation: mymove 1s linear infinite;
}
div#download-loader {
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #ffffff90;
  backdrop-filter: blur(25px);
}

@keyframes mymove {
  0% {
      transform: rotate(360deg);
  }
  100% {
      transform: rotate(0deg);
  }
}


.download #text-container #title-text {
    line-height: 1.5;
}
.download div#sub-text {
    line-height: 1.4 !important;
}
.download div#map-text {
    padding-top: 60px;
}
.download div#cover-all {
    margin-bottom: 30px;
    margin-top: 20px;
}
.download #text-container {
    margin-top: 25px;
}
div#manual-address-container {
    position: relative;
}

div#sub-text {
    letter-spacing: 1.3px !important;
}
#text-container #title-text {
    letter-spacing: 2px !important;
}
div#map-text {
    z-index: 99999;
    position: relative;
}
body .download #text-container #title-text {
    line-height: 1.4 !important;
}
body .download div#sub-text {
    /* line-height: 1.4!important; */
    line-height: 1.35 !important;
    letter-spacing: 1.2px !important;
}
body .download #text-container {
    margin-top: 0px;
}
body .download div#map-text {
    padding-top: 60px !important;
    /* padding-top: 60px; */
    margin-bottom: 0 !important;
    padding-bottom: 90px;
}
body .download div#cover-all {
    margin-bottom: 30px;
    margin-top: 0;
}