* {
  font-family: "Poppins", sans-serif;
}

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

input[type=number] {
  -moz-appearance: textfield;
}

.banner_gc_image {
  object-fit: cover;
}

.gift-card-form-section {
  padding-top: 20px;
  padding-bottom: 20px;
  /* display: flex; */
  gap: 40px;
}

.page-width {
  padding-inline: 50px;
  max-width: 1200px;
  margin-inline: auto;
}

.gift_card_preview-section {
  display: flex;
  flex-direction: column;
}

.gc-purchase-form-preview_button_block {
  order: 1;
  position: relative;
  gap: 30px;
}

.form_camera_block, .form_vid_block, .form_file_block{
  position: relative;
}

.form_camera_text, .form_vid_text, .form_file_text{
  position: absolute;
  top: -59%;
  left: -59%;
  width: max-content;
  z-index: 1;
  font-weight: 600;
  visibility: hidden;
  transition: visibility 0.5s ease-in-out;
  padding: 4px;
  border-radius: 5px;
  background: #eee;
  font-size: 12px;
}

.purpose_text{
  position: absolute;
  top: -113%;
  left: 10%;
  width: max-content;
  z-index: 1;
  font-weight: 600;
  visibility: hidden;
  transition: visibility 0.5s ease-in-out;
  padding: 4px 8px;
  border-radius: 5px;
  background: #eee;
  font-size: 11px;
}

.gc-purchase-form-price_heading:hover .purpose_text{
  visibility: visible;
}

.form_icons_block:hover .form_camera_text, .form_vid_block:hover .form_vid_text, .form_file_block:hover .form_file_text{
  visibility: visible;
}

.gc-purchase-form-steps-container{
  display: flex;
  align-items: center;
  margin-top: 10px;
  column-gap: 20px;
  margin-bottom: 10px;
}

.gc-purchase-form-steps-container h5{
  margin: 0;
  margin-bottom: 13px;
  font-size: 13.75px;
}

.form_icons_upload{
  display: flex;
  align-items: center;
}

.gc-purchase-form-content_templates_main_container{
  display: flex;
  align-items: center;
  gap: 35px;
}

.gc-purchase-form-content_ribbon_main_container{
  display: flex;
  align-items: center;
  gap: 35px;
}

.gc-purchase-form-content_ribbon_main_container .slick-list{
  width: 96%;
  left: 12px;
}

.gc-purchase-form-content_templates_heading{
  font-size: 13.75px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
}

.sticker_section_heading_container{
  display: flex;
  align-items: center;
  gap: 8px;
}

.currency_select{
  padding: 3px;
  border-radius: 5px;
  background: #f5f5f5;
  outline: none;
}

.price_radio{
  border-radius: 5px;
  padding: 8px 0 2px 8px;
}

.gc-purchase-form-price_heading{
  font-size: 13.75px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
  position: relative;
}

.color_heading{
  font-size: 13.75px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
}

.sticker_selection_heading{
  font-size: 13px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
  width: max-content;
  color: #000;
}

.sticker_selection_main_container{
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.sticker_selection_list{
  display: flex !important;
  align-items: center;
  overflow: hidden;
}

.gc-purchase-greeting_container{
  display: flex;
  align-items: center;
  gap: 107px;
  margin-bottom: 10px;
}

.greeting_color_block{
  display: flex;
  align-items: center;
  gap: 20px;
}

#greeting_color{
  width: 80px;
  border-radius: 5px;
  height: 35px;
}

.preview_frame_heading{
  padding-block: 0px;
  margin: 0; 
  margin-bottom: 10px;
  margin-top: 5px;
}

.preview_text_frame_insider_text{
  /* min-height: 370px; */
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 30px;
  position: relative;
  top: 28px;
}

.pc_gc-purchase-form-img_ribbon_main_block img, .sticker_image{
  cursor: pointer;
}

.preview_frame_redeem_card_heading{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #000000;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.preview_frame_redeem_card_code_block{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  color: #000000;
  padding-bottom: 20px;
}

.fa-copy{
  cursor: pointer;
}

.preview_frame_redeem_card_subheading{
  font-weight: 600;
  text-align: center;
  color: #000000;
  padding-bottom: 20px;
}

.preview_text_frame_content_block .pc_gc-purchase-form-img_card_main_text {
  right: 13%;
  top: 4%;
}

@media screen and (min-width: 750px) {
  .gift-card-form-section {
    padding-top: 0px;
    padding-bottom: 15px;
    width: 54%;
  }

  .gc_sticker_position_main_container{
    /* margin-top: 10px; */
  }

  .page-width {
    padding-inline: 30px;
  }

  .gc-purchase-form-content_conatiner {
    width: 100%;
    margin-top: 70px;
  }

  .gift_card_preview-section {
    width: 50%;
  }

  .gc-purchase-form-preview_button_block {
    top: 128px;
  }

  .gift-card-form-main-sections {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .preview_text_frame_content_block,
  .preview_frame_redeem_card_block {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
  }

  .preview_frame_redeem_card,
  .preview_text_frame_content,
  .pc_gc-purchase-form-img_card_main_block,
  .pc_gc-purchase-form-img_card_main_block {
    min-height: 500px;
    max-width: 440px;
  }

  .pc_gc-purchase-form-img_card_main_block {
    margin-inline: auto;
  }

  .gift_card_preview-section .insta_prev_button {
    position: absolute;
    top: 53%;
    left: 3%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .gift_card_preview-section .insta_next_button {
    position: absolute;
    top: 53%;
    right: 0%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .preview_text_frame_content,
  .preview_frame_redeem_card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: start;
  }

  .preview_text_frame_content,
  .preview_frame_redeem_card {
    min-width: 440px;
    max-width: 440px;
  }

  .preview_frame_redeem_card_heading {
    padding-left: 20px;
    padding-top: 10px;
  }

  .preview_frame_redeem_card_block .pc_gc-purchase-form-img_card_main_text {
    right: 13%;
    top: 5%;
  }

  .pc_gc-purchase-form-img_card_main_block {
    margin-top: 10px;
  }

  .preview_text_frame_content,
  .preview_frame_redeem_card,
  .pc_gc-purchase-form-img_card_main_block {
    background-position: center center !important;
    background-size: cover !important;
  }

  .preview_text_frame_content > div,
  .preview_frame_redeem_card > div {
    margin-inline: 15px;
    background: rgba(238, 238, 238, 0.7);
    /* padding-left: 10px; */
  }

  .preview_text_frame_dear_text {
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .preview_text_frame_insider_text{
    /* margin-bottom: 0 !important; */
    /* padding-bottom: 20px; */
  }

  .preview_text_from_text_input {
    margin-bottom: 0;
    padding-bottom: 30px;
  }

  .preview_frame_redeem_card_no {
    padding-bottom: 10px;
  }

  .preview_cards_block .slick-list {
    max-width: 519px;
  }
  
  .sticker_selection_list .slick-list{
    height: 76px;
  }

  .gift_card_preview-section {
    padding-left: 39px;
  }

  .form_icons_upload{
    margin-top: -9px;
    margin-bottom: 5px;
  }

  .preview_cards_block .slick-dots{
    margin-top: 0px;
    margin-bottom: 5px;
  }

  .gc-purchase-form-content_templates .slick-list{
    width: 75%;
  }

  .gc-purchase-form-content_templates .insta_next_button{
    right: 26% !important;
  }
  
  .sticker_selection_list .slick-list{
    width: 71%;
    left: 50px;
  }
  
  .sticker_selection_list .insta_next_button{
    right: 15% !important;
  }

  .gc_ribbon_input_block{
    width: 111px !important;
  }

  .gc-purchase-form-content_ribbon_main_container .slick-list{
    width: 83%;
    left: 24px;
  }

  .gc-purchase-form-content_ribbons label .gc-purchase-form-content-ribbon-image {
    height: 70px;
    width: 81px;
  }
}

/* textarea {
  resize: none;
  outline: none;
  border: 1.5px solid #000;
} */

input {
  outline: none;
  border: 1.5px solid #000;
}

input:focus:not(input[type="radio"], input[type="checkbox"], input[type="range"]),
textarea:focus {
  border: 1.5px solid #adaaaa;
  box-shadow: 2px 2px 2px 1px #adaaaa, -2px -2px 2px 1px #adaaaa;
  color: #156082;
}

img[src=""] {
  display: none !important;
}

.form_icons_upload {
  display: flex;
  align-items: center;
  column-gap: 30px;
  row-gap: 0px;
}

.form_icons_block {
  display: flex;
  align-items: center;
  gap: 2px;
}

.steps_checkboxes {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.steps_checkbox {
  accent-color: green;
  cursor: not-allowed;
  pointer-events: none;
}

.show_sticker_checkbox{
  accent-color: green;
}

.show_sticker_block{
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.show_sticker_block label{
  font-size: 13px;
  color: #000;
}

.main_heading,
.preview_heading {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}

.final_step_heading {
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
  margin-top: 20px;
}

.preview_heading {
  position: relative;
  z-index: 6;
  margin-top: 20px;
}

#insider_text {
  width: 97%;
  border-radius: 5px;
  padding: 20px 6px 6px;
  font-family: "Simple Brush Script", sans-serif;
  font-size: 28px;
  text-align: center;
  margin-bottom: 10px;
}

.message_textarea_block{
  position: relative;
  margin-top: 20px;
}

.message_textarea_block label{
  position: absolute;
  top: 23px;
  left: 48.5%;
  font-family: "Simple Brush Script", sans-serif;
  font-size: 18px;
  transition: top 0.75s ease-in-out, left 0.75s ease-in-out;
}

.message_textarea_block:focus-within label {
  top: -7%;
  left: 2%;
  background: #fff;
}

.price_input_label_block{
  position: relative;
}

.gc-price-label{
  position: absolute;
  top: 4.5px;
  left: 8px;
  transition: top 0.45s ease-in-out;
  font-family: "Simple Brush Script", sans-serif;
  font-weight: 500;
}

.gc-purchase-form-content_price:focus-within label {
  top: -39%;
  background: #ffffff;
}

.gc-purchase-form-preview_button_block,
.sc_button_block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.gc-purchase-form-preview_button,
.sc-preview_button {
  display: flex;
  background: linear-gradient(150deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%);
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #000;
  padding: 5px 80px;
}

.gc-purchase-form-reset_button {
  font-size: 13.5px;
  display: flex;
  background: linear-gradient(150deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%);
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #000;
  padding: 5px 15px;
}

#capture_button{
  background: linear-gradient(150deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%);
  color: #ffffff;
  border-radius: 5px;
  padding: 2px 15px;
}

#startRecording, #stopRecording{
  background: linear-gradient(150deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%);
  color: #ffffff;
  border-radius: 5px;
}

#startRecording:hover , #stopRecording:hover {
  opacity: 0.8;
}

.gc-purchase-form-reset_button:hover, .save_and_confirm_button:hover, #capture_button:hover {
  opacity: 0.8;
}

.save_and_confirm_button{
  background: linear-gradient(150deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%);
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  border: 1px solid #000;
  padding: 5px 38px;
  font-size: 13.5px;
  position: relative;
  z-index: 2;
}

.gc-purchase-form-preview_button:hover,
.sc-preview_button:hover {
  opacity: 0.8;
}

.test {
  font-family: "brush-script-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.block-only {
  display: flex !important;
}

.camera_icon img {
  cursor: pointer;
}

.camera_preview_block {
  width: 400px;
  height: 300px;
  border-radius: 5px;
  background: #eee;
}

.camera_preview_block video {
  max-height: 100%;
  max-width: 100%;
}

.camera_canvas_content_block {
  background: #eee;
  width: 400px;
  height: 300px;
  border-radius: 5px;
}

.camera_blocks_container {
  display: flex;
  column-gap: 2rem;
  justify-content: center;
}

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

.capture_button_block {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.change_camera {
  display: none;
}

.gc-purchase-form-flex_conatiner {
  display: flex;
  align-items: start;
  gap: 30px;
}

.gc-purchase-image-ratio-inputs_main_block, .gc-purchase-color-radio-inputs_main_block{
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}

.greeting_color_radios, .gc-purchase-image-ratio-inputs {
  display: flex;
  align-items: center;
  gap: 5px;
  /* margin-bottom: 10px; */
  margin-top: 0px;
}

.gc-purchase-image-ratio--shape-inputs-block{
  display: flex;
  align-items: center;
  gap: 20px;
}

.gc-purchase-form-img_conatiner,
.pc_gc-purchase-form-img_conatiner {
  width: 50%;
}

.gc-purchase-form-img_conatiner {
  width: 40%;
}

.pc_gc-purchase-form-img_conatiner {
  /* border: 15px solid;
        border-image-slice: 1;
        border-width: 15px;
        border-image-source: linear-gradient(
          45deg,
          #ff7f50,
          #ffd700,
          #32cd32,
          #ff4500
        ); */
  /* border-width: 15px;
        border-style: solid;
        border-image-source: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-1156426253.jpg?v=1726571592");
        border-image-slice: 30 fill;
        border-image-repeat: round; */
  /* background-image: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-1554537703.jpg?v=1726607821"); */
  /* background: #eee; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.gc-purchase-form-img_card_main_block {
  /* border: 15px solid;
        border-image-slice: 1;
        border-width: 15px;
        border-image-source: linear-gradient(
          45deg,
          #ff7f50,
          #ffd700,
          #32cd32,
          #ff4500
        ); */
  /* border-width: 15px;
        border-style: solid;
        border-image-source: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-1156426253.jpg?v=1726571592");
        border-image-slice: 30 fill;
        border-image-repeat: round;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0; */
  /* background-image: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-1554537703.jpg?v=1726607821"); */
  /* background: #eee; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.gc-purchase-form-img_card_main_block,
.pc_gc-purchase-form-img_card_main_block {
  position: relative;
  overflow: hidden;
  background: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-2148048169.jpg?v=1731252778");
}

.pc_gc-purchase-form-img_card_main_block {
  /* padding: 5px; */
  box-shadow: -2px 3px 1px 1px rgba(0, 0, 0, 0.15),
    2px 3px 1px 1px rgba(0, 0, 0, 0.15);
  border-radius: 30px;
}

.gc-purchase-form-img_card_main,
.pc_gc-purchase-form-img_card_main {
  height: 400px;
}

.gc-purchase-form-img_card_main {
  height: 500px;
}

.gc-purchase-form-img_card_main_text,
.pc_gc-purchase-form-img_card_main_text {
  position: absolute;
  right: 3%;
  top: 90%;
  font-weight: 600;
  padding: 3px 25px;
  /* background: #fff; */
  box-shadow: 3px 5px 2px 2px rgba(0, 0, 0, 0.2);
  color: #000000;
  font-weight: 700;
  border-radius: 3px;
}

.gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.square img,
.pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.square img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  /* border-radius: 10px; */
  /* border: 0.1px solid #eee; */
  aspect-ratio: 1/1;
  margin-inline: auto;
}

.gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.square,
.pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.square {
  /* width: 80%; */
  width: 100%;
  height: 59%;
  /* border-radius: 10px; */
  /* border: 0.1px solid #eee; */
  position: absolute;
  /* top: 11.5%;
  left: 9.5%; */
  top: 13%;
  left: 0;
  aspect-ratio: 1/1;
  /* max-width: fit-content; */
}

.gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.square,
.gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.circular {
  /* top: 11.5%; */
  top: 13%;
}

.pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.square,
.pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.circular {
  /* top: 15.5%; */
  top: 13%;
}

.gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.circular,
.pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.circular {
  border-radius: 50%;
  border-color: #ff7f50;
  width: 75%;
  height: 55%;
  position: absolute;
  /* top: 15.5%;
  left: 16%; */
  top: 13%;
  left: 0;
}

.gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.circular img,
.pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.circular img {
  object-fit: cover;
  border-radius: 50%;
  /* border-color: #ff7f50; */
  width: 100%;
  height: 100%;
}

.pc_gc-purchase-form-img_card_main_image_block video{
  max-width: 27vw;
  margin-left: 0.75vw;
}

.pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.circular {
  width: 78%;
  height: 57%;
  top: 14.5%;
  left: 11%;
}

.gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.circular {
  top: 11.5%;
  width: 68%;
  height: 63%;
}

.greeting_message,
.pc_greeting_message, .pc_greeting_message_input {
  font-size: 37px;
  width: 64%;
  text-wrap: wrap;
  text-align: center;
  position: absolute;
  top: 82.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: normal;
  word-wrap: break-word;
  transition: transform 0.1s;
  font-family: "Simple Brush Script", sans-serif;
  text-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5);
  /* box-shadow: 3px 5px 2px 2px rgba(0, 0, 0, 0.1); */
  /* background: rgba(255, 255, 255, 0.5); */
  min-height: 39px;
  color: #000;
}
.pc_greeting_message_input{
  content: attr(data-text);
  font-family: "Simple Brush Script", sans-serif;
  font-size: 37px;
  border: none;
  background: transparent;
  box-shadow: none;
  outline: none;
  resize: none; 
}
.pc_greeting_message_input:focus {
  color: #000;
  box-shadow: none;
  outline: none;
  border: none; 
}
[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text)
}

.pc_greeting_message, .pc_greeting_message_input {
  width: 70%;
}
.pc_greeting_message_input::placeholder {
  color: black;
  font-size: 28px; 
}
.gc-purchase-form-img_card_icons_block {
  display: flex;
  align-items: start;
  gap: 25px;
  margin-top: 25px;
  justify-content: center;
}

.camera_icon,
.video_icon,
.file_upload_icon {
  width: 35px;
  height: 35px;
}

.file_upload_icon {
  position: relative;
}

.file_input {
  position: absolute;
  height: 35px;
  width: 35px;
  opacity: 0;
  cursor: pointer;
}

.camera_icon img,
.video_icon img,
.file_upload_icon img {
  cursor: pointer;
}

.gc-purchase-form-content_templates, .gc-purchase-form-content_ribbons {
  display: flex;
  align-items: center;
  gap: 15px;
  max-width: 100%;
  /* flex-wrap: wrap; */
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: 10px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.gc-purchase-form-content_templates input[type="radio"], .sticker_selection_list input[type="radio"], .gc-purchase-form-content_ribbons input[type="radio"] {
  display: none;
}

.gc-purchase-form-content_templates
  label
  .gc-purchase-form-content-templates-image {
  /* height: 94px;
  width: 70px; */
  height: 55px;
  width: 55px;
}

.gc-purchase-form-content_ribbons
  label
  .gc-purchase-form-content-ribbon-image {
    height: 67px;
    width: 100px;
}

.gc-purchase-form-content_templates
  label
  .gc-purchase-form-content-templates-image
  img {
  height: 100%;
  width: 100%;
  object-fit: fill;
  border-radius: 5px;
  cursor: pointer;
}

.gc-purchase-form-content_ribbons
  label
  .gc-purchase-form-content-ribbon-image
  img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 5px;
  cursor: pointer;
}

.sticker_selection_list{
  display: flex;
}

.gc-purchase-form-content_ribbons{
  display: flex;
}

.sticker_selection_list label img{
  cursor: pointer;
}

.steps_checkbox_text_container{
  display: flex;
  align-items: start;
  gap: 20px;
  /* margin-top: 10px;  */
  margin-bottom: 0
}

.gc-purchase-form-content_prices {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
  margin-top: 5px;
}

.gc-purchase-image-ratio-inputs {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.gc-purchase-image-ratio-input label, .greeting_color_radio_block label{
  font-size: 12px;
}

.gc-purchase-form-content_price{
  display: flex;
  align-items: center;
  gap: 10px;
}

.insider_heading {
  font-size: 15px;
}

.gc-price-label{
  font-size: 18px;
}

.dear_text {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}

.dear_text span {
  font-size: 17px;
}

.dear_text_input input {
  font-family: "Simple Brush Script", sans-serif;
  font-size: 20px;
  padding: 5px 5px 5px 8px;
  border-radius: 5px;
  margin-right: 4px;
}

.gc_template_input_block input[type="radio"]:checked + label img {
  border: 1px solid rgb(255, 70, 70);
}

.other_price {
  margin-left: 8px;
  border-radius: 5px;
  padding: 5px 0 3px 8px;
  font-family: "Simple Brush Script", sans-serif;
}

#cover_greeting {
  border-radius: 4px;
  padding: 8px 15px 5px 15px;
  font-family: "Simple Brush Script", sans-serif;
  font-size: 18px;
}

.gc-purchase-form-content-greeting_heading {
  position: relative;
}

.gc-purchase-form-content-greeting_heading label {
  position: absolute;
  top: 19%;
  left: 3%;
  z-index: 1;
  font-family: "Simple Brush Script", sans-serif;
  font-size: 18px;
  transition: top 0.45s ease-in-out, left 0.45s ease-in-out;
}

.gc-purchase-form-content-greeting_heading:focus-within label {
  top: -41%;
  left: 1%;
  background: #fff;
}

.colorpick-eyedropper-input-trigger{
  display: none !important;
}

.hidden {
  display: none !important;
}

.show {
  display: flex;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 200vh;
  width: 100dvw;
  background: rgba(255, 255, 255, 1);
  z-index: 100;
}

.camera_canvas_block,
.video_canvas_block {
  position: relative;
  z-index: 101;
  top: 40px;
}

.video_preview_block {
  display: flex;
  justify-content: center;
}

#video_preview {
  border-radius: 8px;
}

.video_button_block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}

.video_button_block button {
  font-family: "Poppins", sans-serif;
  background: #000;
  color: #fff;
  padding: 5px 40px;
  flex-wrap: wrap;
  border-radius: 8px;
  outline: none;
  border: none;
}

.video_button_block button:disabled {
  opacity: 0.5;
}

.gc-purchase-form-video {
  width: 100%;
  max-width: 30vw;
  min-width: 100%;
  height: 66%;
  position: absolute;
  top: 13%;
  left: 0;
  aspect-ratio: 1 / 1;
  /* border-radius: 10px; */
}

.gc-purchase-form-video.circular{
  border-radius: 50%;
  object-fit: cover;
}

.preview_cards_block {
  position: relative;
  z-index: 6;
  /* display: flex; */
  align-items: start;
  gap: 40px;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.preview_cards_block {
  height: 466px;
}

.preview_text_frame_content_block,
.preview_frame_redeem_card_block {
  height: 100%;
}

.hide {
  z-index: -2;
  opacity: 0;
}

/* .preview_cards_block > div {
  max-width: 33.3%;
} */

.preview_frame_cross {
  position: absolute;
  top: 2%;
  right: 5%;
  color: #000;
  cursor: pointer;
  width: fit-content;
  font-weight: 600;
  z-index: 7;
}

.sc_button_block,
.sc-preview_button {
  z-index: 6;
  margin-top: 25px;
}

.preview_cards_block .pc_gc-purchase-form-img_card_main {
  width: fit-content;
  padding: 10px;
}

.preview_cards_block .pc_gc-purchase-form-img_conatiner {
  width: 29.75%;
}

.preview_text_frame_content {
  box-shadow: -2px 3px 1px 1px rgba(0, 0, 0, 0.15),
    2px 3px 1px 1px rgba(0, 0, 0, 0.15);
  margin: 10px;
  background: #eee;
  padding: 5px;
  border-radius: 30px;
}

.border_seperator{
  border-top: 0.5px dashed rgba(0, 0, 0, 0.4);
  position: relative;
  top: -18px;
  box-shadow: 0.75px 0.75px 0.75px rgba(0, 0, 0, 0.3), -0.75px -0.75px 0.75px rgba(0, 0, 0, 0.3);
}

.preview_text_frame_content_block {
  /* border: 0.5px solid #eee; */
  /* border: 15px solid;
        border-image-slice: 1;
        border-width: 15px;
        border-image-source: linear-gradient(
          45deg,
          #ff7f50,
          #ffd700,
          #32cd32,
          #ff4500
        ); */
  /* border-width: 15px;
        border-style: solid;
        border-image-source: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-1156426253.jpg?v=1726571592");
        border-image-slice: 30 fill;
        border-image-repeat: round; */
  /* background: #eee; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: fit-content;
  width: 30%;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
}

.preview_text_frame_content > div,
span {
  font-family: "Simple Brush Script", sans-serif;
}

.preview_text_frame_dear_text {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.preview_text_frame_insider_text{
  font-size: 22px;
  margin-bottom: 20px;
}

.placeholder-text_message{
  color: #000000;
  min-height: 352px;
}

.preview_text_frame_sign_off_text {
  font-size: 20px;
  text-align: center;
}

.preview_text_from_text_input {
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}

.preview_frame_redeem_card {
  padding: 10px;
  box-shadow: -2px 3px 1px 1px rgba(0, 0, 0, 0.15),
    2px 3px 1px 1px rgba(0, 0, 0, 0.15);
  /* margin: 20px 10px 10px; */
  background: #eee;
  padding: 5px;
  width: 100%;
}

.preview_frame_redeem_card_block {
  /* border: 0.5px solid #eee; */
  width: fit-content;
  /* border: 15px solid;
        border-image-slice: 1;
        border-width: 15px;
        border-image-source: linear-gradient(
          45deg,
          #ff7f50,
          #ffd700,
          #32cd32,
          #ff4500
        ); */
  /* border-width: 15px;
        border-style: solid;
        border-image-source: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-1156426253.jpg?v=1726571592");
        border-image-slice: 30 fill;
        border-image-repeat: round; */
  width: 28%;
  /* background: #eee; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
}

.final_step_blocks {
  position: relative;
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.final_step_block_submit_button {
  width: 40%;
  margin-inline: auto;
  background: linear-gradient(150deg, rgba(41,42,100,1) 0%, rgba(93,177,152,1) 83%);
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #000;
  padding: 5px 80px;
  cursor: pointer;
}

.final_step_block_submit_button:hover {
  opacity: 0.8;
}

.final_step_block {
  display: flex;
  align-items: center;
  gap: 50px;
}

.preview_frame_redeem_card_slogo img,
.preview_frame_redeem_card_qr img {
  display: flex;
  margin-inline: auto;
}

.preview_frame_redeem_card_no {
  text-align: center;
}

.sign_off_block {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}

.sign_off_phrase_block,
.from_text {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sign_off_heading {
  font-size: 16px;
  font-weight: 500;
}

#sign_off_text_input,
#from_text_input {
  border-radius: 5px;
  padding: 3px 3px 3px 5px;
}

#gc-purchase-form {
  position: absolute;
  top: 3%;
  /* z-index: 1; */
  width: 80vw;
}

.gc-purchase-form-content_templates.slick-slider {
  overflow: visible;
}

.gc-purchase-form-content_templates .insta_next_button {
  position: absolute;
  top: 29%;
  right: -1.5%;
  z-index: 1;
}

.gc-purchase-form-content_ribbons .insta_next_button {
  position: absolute;
  top: 36%;
  right: 0;
  z-index: 1;
}

.gc-purchase-form-content_templates .insta_prev_button {
  position: absolute;
  top: 29%;
  left: -4.5%;
  z-index: 1;
}

.gc-purchase-form-content_ribbons .insta_prev_button {
  position: absolute;
  top: 36%;
  left: -0.05%;
  z-index: 1;
}

.sticker_selection_list .insta_prev_button {
  left: -0.95%;
}

.sticker_selection_list .insta_next_button {
  right: -3%;
}

.personalized_text {
  width: 82.5%;
  padding-block: 40px;
  margin: 25px auto;
  text-align: center; 
  padding-block: 25px;
}

.gc-graph_img_container {
  width: 70%;
  height: 500px;
  margin-inline: auto;
}

.gc-graph_img_container img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.etlogo_img {
  position: relative;
  top: 14px;
  margin-inline: 7px;
}

.heading1_1{
  text-align: center; 
  color: #000; 
  font-size: 18px; 
  margin-bottom: 8px;
}

.heading1_2{
  text-align: center; 
  color: #000; 
  font-size: 18px;
}

.heading1_3{
  text-align: center;
  margin-block: 0;
  font-size:32px;
  font-weight:700; 
  color:#262261;
}

.heading1_4{
  text-align: center; 
  margin-block: 0; 
  font-size: 22px;
  color: #262261;
  margin-bottom: 16px;
}

.sticker_image_block{
  width: 16%;
  height: 15%;
  position: absolute;
  top: 40%;
  left: 80%;
  z-index: 4;
}

.sticker_image_block img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.gc_sticker_position_container{
  display: flex;
  align-items: center;
  gap: 60px;
  margin-bottom: 10px;
}

.sticker_heading{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.video_counter{
  font-size: 45px;
  position: absolute;
  top: 44%;
  left: 51%;
  transform: translate(-50%, -50%);
  /* color: #ea0505; */
  font-weight: 500;
  background: -webkit-linear-gradient(#12c2e9, #c471ed, #f64f59);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-size: 60px; */
}

.slick-dots button{
  text-indent: -9999px;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    outline: 1.5px solid #4C4B4B;
    border: none;
}

.slick-dots{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
}

li.slick-active button{
  background: #e67e22;
}

.insta_next_button, .insta_prev_button{
  cursor: pointer;
}

.show_sticker_label{
  font-weight: 500;
  font-size: 18px;
}

.gc_sticker_container_block{
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.show_sticker_block{
  position: relative;
  top: 20px;
}

.gc_sticker_position_label{
  font-size: 10px;
  font-weight: 500;
}

.gc-purchase-form-content-sticker-image{
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.live_tour_heading{
  padding-top: 0px; 
  padding-bottom: 15px;
}

.gift_card_type_select{
  border: none;
  font-weight: 600;
  background: #f3f1f1;
  padding: 3px;
  border-radius: 5px;
  outline: 0.05px solid #000;
  cursor: pointer;
}

#camera_mobile_input{
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.fa-trash{
  margin-left: 5px;
  color: rgba(41,42,100,1);
  cursor: pointer;
}
.preview_text_frame_insider_text:focus {
  outline: none;
}
.preview_text_frame_insider_text:focus {
    outline: none;
}
.logo_block_container{
  display: flex;
  align-items: center;
  gap: 35px;
  position: absolute;
  top: 86%;
}
.logo_block_container .store_logo{
  width: 100px;
  height: 60px;
}
.logo_block_container .store_logo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.logo_block_container .logo_qr{
  width: 100px;
  height: 60px;
}
.logo_block_container .logo_qr img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gift_card_bottom_text{
  text-align: start;
  width: 100%;
  font-size: 23px;
  font-weight: 600;
  color: #000000;
  margin-top: 10px;
  position: relative;
  z-index: 2;
  padding-left: 26px;
  top: 6px;
}
.show_greeting_message_label{
  font-size: 13px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
  color: #000;
}
.gc_purchase_greeting_checkbox_container{
  display: flex;
  align-items: center;
  gap: 8px;
  accent-color: green;
}
.slick-list{
  margin-bottom: 8px !important;
}
.pc_gc-purchase-form-img_ribbon_main_block{
  position: absolute;
  z-index: 2;
  max-height: 20px;
  top: 8%;
  width: 100%;
}
.pc_gc-purchase-form-img_ribbon_main_block img{
  width: 100%;
  height: 100%;
  object-fit: fill;
  max-height: 80px;
}
.last_slide_amount_span{
  color: rgb(67, 67, 69);
  font-weight: 600;
}
.terms-box{
  font-size: 14px;
  position: absolute;
  top: 12%;
  left: 19%;
  width: 65%;
  text-align: start;
  background: rgba(238, 238, 238, 0.95);
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 4%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 1s ease, visibility 1.25s ease, transform 1.5s ease;
  z-index: -1;
}
.fa-check{
  color: rgb(29, 207, 29);
  font-size: 20px;
}
.info-block:hover .terms-box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 0;
}
.info-block{
  cursor: pointer;
}
.preview_frame_redeem_card_qr{
  padding-bottom: 13px;
  /* padding-top: 10px; */
}
.preview_frame_redeem_card{
  border-radius: 30px;
}
.preview_frame_redeem_card_qr{
  /* border-top-left-radius: 30px;
  border-top-right-radius: 30px; */
}
.gift_terms_heading{
  color: #000000;
  font-weight: 600;
}
.terms_heading_block{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}
.fa-info-circle{
  color: rgb(118, 210, 250);
  font-size: 20px;
  cursor: pointer;
  position: relative;
  top: 2.5px;
}
.fa-copy{
  font-size: 20px;
}
.preview_frame_redeem_card_logo_container{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  gap: 40px;
}
#id_gift_message{
  font-size: 24px;
  background: rgba(238, 238, 238, 0.7);
  color: #000000;
  font-family: 'simple brush script';
  width: 100%;
  text-align: center;
  padding-top: 2px;
  height: 18em;
  border: none;
  outline: none;
  resize: none;
  padding-top: 10px;
  border-radius: 30px;
}
#id_gift_message::placeholder{
  color: #000000;
}

@media screen and (max-width: 750px) {
  .live_tour_heading{
    padding-bottom: 4px;
  }

  .heading1_4{
    margin-bottom: 0;
  }

  .gc-purchase-form-flex_conatiner {
    flex-direction: column;
    gap: 35px;
  }

  .gc-purchase-form-preview_button_block {
    top: 20px;
  }

  .form_icons_upload img {
    width: 50px;
  }

  .page-width {
    padding-inline: 30px;
  }

  .gc-purchase-form-img_conatiner,
  .pc_gc-purchase-form-img_conatiner,
  .gc-purchase-form-content_conatiner {
    width: 100%;
  }

  .camera_preview_block {
    height: 100%;
    width: 50%;
  }

  .camera_preview_block video {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .camera_canvas_content_block {
    height: 100%;
    width: 100%;
  }

  .preview_cards_block {
    /* flex-wrap: nowrap; */
    /* overflow: scroll; */
    display: block;
    gap: 0;
  }

  .preview_cards_block > div {
    /* width: 90vw;
          margin-inline: auto; */
    /* max-width: 90vw; */
  }

  .preview_text_frame_content {
    max-width: 382px;
    min-width: 284px;
    position: relative;
    top: 15px;
  }

  .preview_frame_redeem_card {
    max-width: 335px;
    /* margin-left: 19px; */
  }

  .terms-box{
    top: 12%;
    left: 11%;
    width: 66vw;
    font-size: 12px;
    box-shadow: 0.25px 0.25px 0.25px rgba(0, 0, 0, 0.8), -0.25px -0.25px 0.25px rgba(0, 0, 0, 0.8);
  }

  .insta_prev_button {
    position: absolute;
    top: 38%;
    transform: translate(-50%, -50%);
    z-index: 7;
  }

  .insta_next_button {
    position: absolute;
    top: 38%;
    right: 0;
    transform: translate(-50%, -50%);
    z-index: 7;
  }

  .overlay {
    width: 130vw;
    height: 600vh;
  }

  .final_step_block_submit_button {
    width: fit-content;
  }

  .preview_cards_block > div {
    max-width: 100%;
  }

  #gc-purchase-form {
    width: 89dvw;
    left: 6%;
  }

  .sign_off_block,
  .gc-purchase-form-content_prices {
    gap: 20px;
    margin-bottom: 5px;
  }

  .gc-purchase-greeting_container{
    gap: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
    justify-content: space-between;
    padding-right: 10px;
  }

  .message_textarea_block{
    margin-top: 13px;
    height: 70px;
  }

  #insider_text {
    width: 95%;
    padding: 10px 6px 6px;
    text-align: start;
    height: 75px;
  }

  .message_textarea_block label{
    top: 16px;
    left: 6px;
  }

  .message_textarea_block:focus-within label{
    top: -12%;
  }

  .gc_sticker_container_block{
    gap: 5px;
  }

  .gc_sticker_position_container{
    gap: 8px;
  }

  .show_sticker_block label{
    font-size: 10.319px;
  }

  #sign_off_text_input, #from_text_input{
    width: 50vw;
  }

  .gc-purchase-form-img_conatiner {
    width: 95%;
  }

  .pc_gc-purchase-form-img_card_main {
    top: 2%;
  }

  .preview_frame_cross {
    font-size: 20px;
    top: 1%;
    right: 3%;
    font-weight: 700;
  }

  .greeting_message,
  .pc_greeting_message, .pc_greeting_message_input {
    left: 51%;
  }

  .pc_gc-purchase-form-img_card_main_block {
    /* max-width: 318px; */
    min-height: 430px;
  }

  .gc-purchase-form-content_templates {
    overflow-x: visible;
    overflow-y: visible;
  }

  .gc-purchase-form-content_templates .insta_prev_button {
    top: 51%;
    z-index: 5;
    left: -3.75%;
  }

  .sticker_selection_list .insta_prev_button{
    left: -7%;
  }
  
  .gc-purchase-form-content_templates .insta_prev_button svg, .gc-purchase-form-content_templates .insta_next_button svg {
    background: #eee;
  }

  .gc-purchase-form-content_templates .insta_next_button {
    top: 51%;
    right: 26%;
    z-index: 5;
  }

  .gc-purchase-form-preview_button {
    padding: 5px 30px;
    position: relative;
  }

  .preview_cards_block.slick-initialized.slick-slide,
  .slick-list,
  .slick-track,
  .slick-slide {
    height: 100%;
  }

  .preview_text_frame_content_block,
  .preview_frame_redeem_card_block {
    display: flex !important;
    justify-content: center;
  }

  .preview_cards_block .insta_prev_button {
    top: 49%;
  }

  .preview_cards_block .insta_prev_button svg, .preview_cards_block .insta_next_button svg {
    fill: #eee;
  }

  .preview_cards_block .insta_next_button {
    top: 49%;
    right: -6%;
  }

  .main_heading,
  .preview_heading {
    max-width: 80vw;
    margin-inline: auto;
  }

  .gc-purchase-form-img_card_main_block {
    max-width: 90vw;
  }

  .sc-preview_button {
    padding: 5px 30px;
  }

  .final_step_block_submit_button {
    padding: 5px 18px;
    position: relative;
    right: 5%;
  }

  .final_step_block {
    gap: 20px;
    flex-wrap: wrap;
  }

  .gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.circular {
    height: 59%;
  }

  .camera_blocks_container {
    flex-direction: column;
    row-gap: 20px;
  }

  .camera_preview_block {
    width: 95%;
    margin-inline: auto;
  }

  #video_preview {
    max-width: 90%;
  }

  .video_button_block {
    gap: 10px;
  }

  .video_button_block button {
    padding: 5px 30px;
  }

  /* .capture_button_block {
          gap: 30px;
        } */

  .change_camera {
    display: flex;
  }

  .gc-purchase-form-img_card_main .gc-purchase-form-img_card_main_image_block.square img,
  .pc_gc-purchase-form-img_card_main .pc_gc-purchase-form-img_card_main_image_block.square img {
    object-fit: fill;
  }

  .cust_container {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .gift_card_preview-section.cust_container {
    margin-bottom: 35px;
  }

  .form_icons_upload {
    flex-wrap: wrap;
    column-gap: 5px;
    margin-bottom: 8px;
    row-gap: 10px;
  }

  .form_icons_block div {
    font-size: 10px;
  }

  .camera_icon img{
    height: 29px;
    margin-top: 3px;
  }

  .video_icon img{
    width: 40px;
    height: 40px;
    margin-left: 5px;
  }

  .preview_frame_redeem_card_block,
  .preview_text_frame_content_block {
    background: url("https://cdn.shopify.com/s/files/1/0692/1620/7092/files/iStock-2148048169.jpg?v=1731252778");
    border-radius: 30px;
  }

  #camera_picture {
    display: none;
  }

  .preview_text_frame_content,
  .preview_frame_redeem_card {
    background: rgba(238, 238, 238, 0.7) !important;
  }

  .preview_text_frame_content > div {
    padding-inline: 5px;
  }

  .gc-graph_img_container {
    height: auto;
    margin-block: 30px;
  }

  .heading1_1, .heading1_2{
    font-size: 14px;
    font-weight: 500;
  }

  .heading1_3{
    font-size: 22px;
  }

  .heading1_4{
    font-size: 15px;
    margin-bottom: 10px;
  }

  .gift-card-form-section{
    padding-top: 0;
    padding-bottom: 0;
  }

  .personalized_text{
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
  }

  .did_yn_text, .great_text{
    font-size: 18px;
    text-align: center;
  }

  .did_yn_content{
    font-size: 15px;
  }

  .great_content{
    font-size: 15px;
  }

  #cover_greeting{
    font-size: 20px;
    padding: 5px 50px 3px 15px;
    width: 95%;
  }

  .dear_text_input input{
    width: 78vw;
  }

  .gc-purchase-form-video {
    min-width: 100%;
    width: 74vw;
    max-width: 74vw;
  }

  .video_counter{
    top: 37%;
  }

  .steps_checkbox_text_container{
    gap: 10px;
  }

  .steps_checkboxes{
    gap: 8px;
  }

  .gc-purchase-image-ratio--shape-inputs-block{
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
  }

  .gc-purchase-image-ratio-inputs_main_block h4, .gc-purchase-color-radio-inputs_main_block h4{
    margin: 0;
  }

  .sticker_selection_list{
    height: 75px;
    overflow: visible;
    width: 56%;
  }

  .sticker_selection_list .insta_next_button{
    right: -13%;
  }

  .gc-purchase-form-reset_button{
    padding: 5px 10px;
  }

  .save_and_confirm_button{
    padding: 5px 19px;
  }

  .sticker_selection_list .insta_prev_button svg, .sticker_selection_list .insta_next_button svg{
    background: #eee;
  }

  .gc-purchase-form-steps-container{
    column-gap: 5px;
    margin-bottom: 5px;
  }

  .sticker_selection_main_container{
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .gc_sticker_container_block{
    margin-top: -19px;
    margin-bottom: 5px;
  }

  .gc-purchase-form-steps-container h5{
    font-size: 12.75px;
    margin-bottom: 0;
    color: #000;
  }
  
  .gift_card_preview-section{
    margin-top: 3px;
  }

  .preview_text_frame_insider_text{
    min-height: 295px;
    width: 79vw;
  }
  

  #greeting_color {
    width: 32px;
    height: 32px;
  }

  .gc-purchase-form-content_templates label .gc-purchase-form-content-templates-image {
    height: 50px;
    width: 50px;
  }

  .pc_greeting_message, .pc_greeting_message_input{
    width: 90%;
    top: 81%;
  }

  .price_radio{
    width: 65%;
  }

  .gc-purchase-form-content_ribbons .insta_prev_button{
    left: 5%;
  }
  
  .gc-purchase-form-content_ribbons .insta_prev_button svg, .gc-purchase-form-content_ribbons .insta_next_button svg{
    background: #eee;
  }

  .gc-purchase-form-content_ribbons .insta_next_button{
    right: -2%;
  }

  .gc-purchase-form-content_ribbon_main_container .slick-list {
    width: 83%;
    left: 16px;
  }

  .preview_cards_block {
    height: 485px;
  }

  .gc-purchase-form-content_ribbons .insta_next_button, .gc-purchase-form-content_ribbons .insta_prev_button {
    top: 50%;
  }

  .preview_text_frame_content_block .pc_gc-purchase-form-img_card_main_text {
    right: 4%;
    top: 1.5%;
  }

  #id_gift_message{
    height: 16em;
    position: relative;
    top: -27px;
    background: transparent;
  }

  #id_gift_message:focus{
    box-shadow: none;
  }

  .preview_text_frame_content{
    padding: 0;
  }

  .preview_frame_redeem_card {
    /* max-width: 315px; */
    max-width: 75vw;
  }

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

@media screen and (min-width: 750px) {
  .cust_container {
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .final_form_section{
    margin: 140px auto 0;
  }

  .personalized_text{
    margin: 30px auto;
  }

  .great_content{
    font-size: 20px;
  }

  #camera_mobile_input{
    display: none !important;
  }

  .gc-purchase-form-content_ribbons .insta_next_button{
    right: 7.75%;
  }

  .gc-purchase-form-content_ribbons .insta_prev_button{
    left: 1.25%;
    z-index: 2;
    background: #fff;
  }

  .sticker_selection_list .insta_next_button {
    position: absolute;
    top: 23%;
  }

  .sticker_selection_list .insta_prev_button {
    left: 0%;
    position: absolute;
    top: 23%;
  }

  .preview_frame_redeem_card_block{
    height: 511px;
  }
}

@media screen and (max-width: 1150px) {
  .form_icon_text {
    /* display: none; */
  }
}

@keyframes flipOut {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipIn {
  from {
    transform: rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: rotateY(0);
    opacity: 1;
  }
}

.flipOut {
  animation: flipOut 1.2s ease-in;
}

.flipIn {
  animation: flipIn 1.2s ease-in;
}

.gc-purchase-form-content_templates label .gc-purchase-form-content-templates-image img:hover{
  transform: scale(1.5);
  object-fit: cover;
}

.gc-purchase-form-content_templates label .gc-purchase-form-content-templates-image:hover{
  overflow: hidden;
  border-radius: 5px;
  height: 60px;
  width: 60px;
}

.gc_template_input_block label{
  width: 60px;
  height: 60px;
  display: block;
}

.gc_ribbon_input_block label{
  width: 60px;
  height: 60px;
  display: block;
  margin-left: 14px;
}

.gc-purchase-form-content-sticker-image:hover{
  width: 55px;
  height: 50px;
  display: block;
  overflow: visible;
  z-index: 2;
  position: relative;
}

.gc-purchase-form-content-sticker-image img:hover{
  object-fit: cover;
  height: 100%;
  width: 100%;
  overflow: visible;
  z-index: 2;
  position: relative;
  left: -4px;
}

.gc_sticker_radio_block label .gc-purchase-form-content-sticker-image:hover{
  width: 70px;
  height: 75px;
  display: block;
  overflow: visible;
}

.fa-envelope, .fa-whatsapp, .fa-comment-sms{
  font-size: 22px;
  color: rgba(41,42,100,1);
  margin-left: 5px;
}



.confetti-toggle {
  display: block;
  text-align: center;
  margin: 20px auto;
}
.special_effect_main_container{
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.confetti_checkbox_container{
  display: flex;
  align-items: center;
  gap: 8px;
}
#show_confetti{

}
.show_confetti_checkbox{
  accent-color: green;
}
.special_effect_selection_heading{
  font-size: 13px;
  font-weight: 700;
  font-family: 'Nunito Sans', sans-serif;
  width: max-content;
  color: #000;
}
@media screen and (max-width: 750px) {
  .special_effect_main_container{
    margin-top: 3px;
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 350px) {
  .video_button_block button {
    padding: 5px 20px;
  }
}