.thankyou_holder {
  padding-block-start: clamp(50px, 30vw, 150px);
  padding-block-end: clamp(20px, 30vw, 50px);
  background: var(--bg_clr_prime_light_01);
}
.thankyou_inn {
  box-shadow: 0px 17px 25.4px -10px hsl(var(--bg_clr_black) / 12%);
  border-radius: clamp(5px, 5vw, 23px);
  border: 1px solid var(--clr_border_02);
  max-width: 900px;
  margin: 0 auto clamp(20px, 5vw, 40px);
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  gap: clamp(10px, 5vw, 20px);
  padding: clamp(15px, 5vw, 65px);
  background: hsl(var(--bg_clr_white));
}
.thankyou_inn p {
  max-width: 640px;
  text-align: center;
  color: var(--clr_frm_dark_05);
}
.thankyou_inn .heading2 {
  letter-spacing: -2%;
}
.backto_btn {
  color: var(--clr_dark_03);
  display: block;
  width: clamp(min(10vw, 100px), 225px, max(10vw, 300px));
  padding: clamp(10px, 5vw, 20px);
  border-radius: 12px;
  border: 1px solid var(--clr_dark_03);
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  margin: 0 auto;
  transition: 0.3s ease-in-out;
}
.backto_btn span {
  transition: 0.3s ease-in-out;
}
.backto_btn:hover {
  background: var(--clr_frm_primary_02);
  border-color: var(--clr_frm_primary_02);
}
.backto_btn:hover span, .backto_btn:hover i {
  color: hsl(var(--bg_clr_white));
}
@media screen and (max-width: 767px) {
  .thankyou_inn figure img {
    max-width: 150px;
    max-height: 200px;
    object-fit: contain;
  }
}
