#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: 100%;
  margin: 0 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='%23333'/%3E%3C/svg%3E%0A")
    no-repeat center center / cover;
  width: 24px;
  height: 24px;
}

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

.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;
  background: #13227c;
}

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

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

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

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

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

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

.btn-confirm,
.btn-continue {
  text-align: center;
  width: 100%;
  border: 0;
  font-weight: 600;
  border-radius: 0;
}

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

.btn-confirm.kbexit_yes,
.btn-continue {
  background: #ead7d1;
  color: #13227c;
  border: 1px solid #ead7d1;
}

.btn-confirm.kbexit_no {
  background: #fff;
  color: #333;
  border: 1px solid #e8eaf6;
}

.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: #333 !important;
  border: 1px solid #eee;
  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 #333;
  outline: 0;
}

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

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

.copy_info {
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 24px;
}

.error_text {
  color: #ea3a3a;
  font-size: 12px;
  line-height: 18px;
  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) {
  #buttons-wrappper {
    margin-top: 32px;
  }

  .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: 40px;
  }

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

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


  .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='%23fff'/%3E%3C/svg%3E%0A")
      no-repeat center center / cover;
  }

  .close_exit_modal {
    right: 24px;
    top: 24px;
  }

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