#kbexit-modal-backdropDiv {
  z-index: 99999;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  top: 0;
}

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

.kbexit_modal {
  position: relative;
  background: #fff;
  /* width: 343px; */
  width: 100%;
  margin: 0 16px;
  border-radius: 16px;
  overflow: hidden;
}

.close_exit_modal .icon::after{
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.29289 6.29289C6.68342 5.90237 7.31658 5.90237 7.70711 6.29289L12 10.5858L16.2929 6.29289C16.6834 5.90237 17.3166 5.90237 17.7071 6.29289C18.0976 6.68342 18.0976 7.31658 17.7071 7.70711L13.4142 12L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L12 13.4142L7.70711 17.7071C7.31658 18.0976 6.68342 18.0976 6.29289 17.7071C5.90237 17.3166 5.90237 16.6834 6.29289 16.2929L10.5858 12L6.29289 7.70711C5.90237 7.31658 5.90237 6.68342 6.29289 6.29289Z' fill='%23231F20'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
  width: 24px;
  height: 24px;
}

.kbexit_modal .kbexit_modal_image {
  height: 150px;
  overflow: hidden;
}

.kbexit_modal .kbexit_modal_image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center 20%;
}

.kbexit_modal .kbexit_modal_content_section {
  width: 100%;
  padding: 24px 16px;
}

.kbexit_modal .kbexit_modal_header,
.kbexit_modal .kbexit_modal_body {
  text-align: center;
}

.kbexit_modal .small-title {
  color: #231f20;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 600;
}

.kbexit_modal .large-title {
  color: #231f20;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 800;
}

.kbexit_modal #discount-info {
  margin-top: 4px;
}

.kbexit_modal #discount-amount {
  color: #231f20;
  display: none;
  font-size: 88px;
  line-height: 72px;
  font-weight: 800;
  margin-top: 4px;
  margin-bottom: 4px;
}

#buttons-wrappper {
  display: flex;
  gap: 0 8px;
  margin-top: 32px;
}

.btn-confirm,
.btn-continue {
  text-align: center;
  width: 100%;
  border: 0;
  font-weight: 600;
  border-radius: 12px;
  transition: background 0.25s ease;
}

.btn-confirm,
.btn-continue {
  padding: 11px;
}

.btn-confirm.kbexit_yes,
.btn-continue {
  background: #231f20;
  color: #fff;
}

.btn-confirm.kbexit_yes:hover,
.btn-continue:hover {
  background: #3d3d3d;
}

.btn-confirm.kbexit_no {
  background: #ede8de;
  color: #231f20;
}

.btn-confirm.kbexit_no:hover {
  background: #e3ddd2;
}

.close_exit_modal {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

#email-input-wrappper,
#title-second,
#msg-box {
  display: none;
}

.email_field {
  position: relative;
  margin-top: 24px;
}

.kbexit_form_group .exit_form_control {
  width: 100%;
  background: #fff;
  height: 52px;
  padding: 0 16px;
  font-size: 16px;
  line-height: 1.5;
  color: #231f20 !important;
  border: 1px solid #eee;
  border-radius: 14px;
  margin-bottom: 8px;
  transition: all 0.25s ease;
}

.kbexit_form_group .exit_form_control.has-error {
  border: 1px solid #ea3a3a !important;
}

.kbexit_form_group .exit_form_control::placeholder {
  color: #595959;
}

.kbexit_form_group .exit_form_control:focus,
.kbexit_form_group .exit_form_control:focus-visible {
  border: 1px solid #231f20;
  outline: 0;
}

.kbexit_form_group .exit_form_control:not(:placeholder-shown) {
  background: #fcfaf6;
}

#show-coupon {
  margin-top: 12px;
  margin-bottom: 4px;
  border: 1px solid #231f20;
  padding: 8px 32px;
  font-size: 32px;
  line-height: 1.25;
  border-radius: 16px;
  color: #231f20;
  font-weight: 800;
  display: inline-block;
}

.copy_info {
  font-size: 14px;
  line-height: 1.5;
  color: #231f20;
  margin-bottom: 32px;
}

.error_text {
  color: #ea3a3a;
  font-size: 12px;
  line-height: 18px;
  /* padding-left: 16px; */
  display: none;
  margin-top: -4px;
  margin-bottom: 8px;
  text-align: left;
  align-items: center;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

/* Bootstrap md - Medium devices (tablets, 768px and up) */

@media only screen and (min-width: 768px) {
  .kbexit_modal {
    width: 648px;
    height: 368px;
    display: flex;
  }

  .kbexit_modal .kbexit_modal_image {
    height: 100%;
    width: 216px;
    overflow: hidden;
    flex-shrink: 0;
  }

  .kbexit_modal .kbexit_modal_content_section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 16px 40px;
  }

  .kbexit_modal .small-title {
    font-size: 22px;
  }

  .kbexit_modal .large-title {
    font-size: 32px;
  }

  .kbexit_modal #discount-amount {
    font-size: 104px;
    line-height: 80px;
  }

  .btn-continue {
    padding: 13px;
  }

  .close_exit_modal {
    right: 24px;
    top: 24px;
    background: #FBFBFB;
    padding: 8px;
    border-radius: 50%;
    transition: background 0.25s ease;
  }

  .close_exit_modal:hover {
    background: #eee;
  }

  #show-coupon {
    font-size: 40px;
    line-height: 50px;
  }

  .kbexit_modal .on-logo:after {
    background: url("data:image/svg+xml,%3Csvg width='545' height='371' viewBox='0 0 545 371' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M189.039 112.038C173.14 105.398 156.176 101.803 138.367 101.402C120.531 100.933 103.023 104.213 85.8172 111.174C68.6109 118.136 53.3381 128.118 40.8425 140.858C28.3469 153.599 18.6235 167.912 11.8084 183.741C5.02074 199.639 1.28872 216.44 0.843855 234.13C0.330979 251.847 3.61854 269.373 10.5835 286.6C17.5484 303.827 27.3373 318.643 40.0457 331.091C52.7265 343.47 67.0444 353.047 82.9442 359.687C98.8715 366.395 115.808 369.922 133.644 370.391C151.48 370.86 169.124 367.525 186.602 360.453C204.08 353.382 218.673 343.675 231.169 330.934C243.664 318.194 253.388 303.881 260.175 287.983C266.99 272.153 270.695 255.284 271.14 237.595C271.653 219.878 268.365 202.352 261.4 185.125C254.435 167.898 244.646 153.081 231.938 140.634C219.257 128.255 204.939 118.677 189.039 112.038ZM217.45 238.48C217.903 249.388 216.27 259.636 212.699 269.399C209.102 279.094 203.633 287.883 196.2 295.723C188.766 303.564 179.35 309.829 167.992 314.424C156.635 319.019 145.512 321.063 134.72 320.597C123.927 320.13 113.889 317.615 104.565 313.148C95.2413 308.68 86.9181 302.382 79.5275 294.28C72.137 286.178 66.2669 276.748 61.8622 265.854C57.4575 254.959 55.0963 244.03 54.8062 233.135C54.4885 222.171 56.1901 211.896 59.6924 202.16C63.2902 192.465 68.7583 183.677 76.1922 175.836C83.6261 167.996 93.042 161.73 104.399 157.135C115.757 152.54 126.88 150.496 137.672 150.963C148.465 151.429 158.503 153.944 167.827 158.412C177.15 162.879 185.406 169.205 192.728 177.335C199.983 185.491 205.785 194.949 210.19 205.843C214.594 216.738 217.023 227.639 217.45 238.48Z' fill='%23F8F4ED'/%3E%3Cpath d='M425.906 7.56999C412.356 2.43554 397.904 -0.0364015 382.482 0.181659C367.128 0.372205 351.936 3.50789 337.042 9.53366C322.148 15.5594 309.116 23.8425 298.015 34.3552C286.913 44.868 278.31 56.6675 272.138 69.7813C265.966 82.8951 262.507 96.6539 261.722 111.153C260.937 125.653 263.339 139.814 268.983 153.772L327.372 298.192L378.583 277.473L320.166 132.985C317.082 125.359 315.58 117.728 315.562 110.05C315.544 102.372 317.108 95.0839 320.131 88.0772C323.154 81.0705 327.733 74.781 333.677 69.1278C339.621 63.4745 346.96 58.921 355.529 55.4541C364.098 51.9872 372.905 50.0878 381.147 49.9224C389.349 49.8525 396.971 51.2848 403.85 54.2062C410.756 57.1958 416.945 61.347 422.404 66.8237C427.862 72.3003 432.085 78.8314 435.169 86.4575L493.558 230.877L544.769 210.159L486.379 65.7388C480.736 51.7803 472.621 39.9306 461.981 30.0537C451.34 20.1768 439.293 12.6914 425.743 7.55692L425.906 7.56999Z' fill='%23F8F4ED'/%3E%3C/svg%3E%0A") no-repeat center center / cover;
    width: 545px;
    height: 371px;
    right: -135px;
    bottom: -190px;
  }
}