#tebim-popup .modal-content {
  border-radius: 0;
  border: none;
}

.tp__image{
    width: 100%;
    padding-top: 20px;
}

#tebim-popup .modal-dialog {
  max-width: 812px;
  width: 812px;
}

#tebim-popup .modal-header {
  border-bottom: none;
  padding: 0;
}
#tebim-popup .modal-header .close {
  width: 45px;
  height: 40px;
}

#tebim-popup .modal-header .close:hover {
  background-color: white !important;
  color: black;
}

#tebim-popup .modal-header .close span {
  font-size: 40px;
  font-weight: 200;
  color:black
}

#tebim-popup .modal-header .close span {
  font-size: 35px;
  font-weight: 300;
  color: black;
}

#tebim-popup .modal-body {
  padding: 34px 33px;
}

#tebim-popup h2 {
  text-align: left;
  font: normal normal bold 25px/20px Inter;
  letter-spacing: 0px;
  color: #ff7518;
}

#tebim-popup .tp__content{
  color: black;
  margin-top: 16px;
  margin-bottom: 42px;
}

#tebim-popup .tp__voucher{
  color: black;
  border: 2px dashed #000000;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font: normal normal bold 25px/20px Inter;
}

#tebim-popup .tp__content-wrapper{
  display: flex;
  flex-direction: column;
}

#tebim-popup .tp__schedule-info{
  color: black;
  text-align: center;
  font: normal normal 600 13px/28px Inter;
  padding-top: 5px;
}

#tebim-popup .tp__form{
  width: 100%;
  margin-top: auto;
}

#tebim-popup .tp__form  .input-group-btn{
  width: 100%;
}

#tebim-popup .tebim-popup--submit{
  border-radius: 5px;
  width: 100%;
  background-color: #ff7518 !important;
  color: white;
   text-transform: uppercase;
   text-align: center;
   padding: 10px 8px;
}
#tebim-popup .tebim-popup--submit span{
  line-height: 1.6em;
}


@media only screen and (max-width: 940px){
  #tebim-popup .modal-dialog {
    width: 700px;
  }

  #tebim-popup .modal-body {
    padding: 20px;
  }

  #tebim-popup h2 {
    font-size: 21px;
  }

  #tebim-popup .tp__content {
    margin-bottom: 30px;
  }

  #tebim-popup .tp__voucher {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 768px){
  #tebim-popup .modal-dialog {
    width: 330px;
  }

  #tebim-popup .modal-body {
    padding: 20px;
  }

  #tebim-popup h2 {
    font-size: 21px;
    color: black;
    line-height: 32px;
    font-weight: 600;
    margin-top: 21px;
    margin-bottom: 10px;
    text-align: center;
  }

  #tebim-popup .tp__content {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
  }

  #tebim-popup .tp__voucher {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #tebim-popup .cart-modal-wrapper img{
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  #tebim-popup .tp__schedule-info{
    padding-top: 9px;
    padding-bottom: 13px;
  }

  #tebim-popup .modal-dialog{
    margin: 10% auto;
  }
}