@import url('https://fonts.cdnfonts.com/css/sf-pro-display');


.wrap-auth_content .box-home{position: absolute;left: 0px;top: 5%;}
.wrap-auth_content .box-gift-code{position: absolute;right: 0px;top: 20%;}

.form-check-code{text-align: center;width: 100%;height: 100%;}
.form-check-code .form-check-code-inner{
  max-width: 850px;width:100%;
  min-height: 735px;background: url('../img/bg_form_2.png') no-repeat top center;margin: 0px auto;
  position: relative;
  display: grid;
  align-items: end;
}

.form-check-code .form-check-code-inner .box-form{
  width:100%;
  max-width:450px;
  margin: 0px auto;

}
.form-check-code .form-check-code-inner .box-form-item{

}
.form-check-code .form-check-code-inner .box-form-item label{
  display: block;text-align: center;font-size: 24px;
  background: linear-gradient(180deg, #F8586C 4.77%, #C63741 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: bold;
  padding-top:15px;
  margin-bottom: 20px;cursor: pointer;
  

}

.form-check-code .form-check-code-inner .box-form-item input{

  min-height: 44px;border:1px solid #C63741;
  border-radius: 7px;background: #fff;color:#757575;font-size: 18px;
  width:100%;padding:0px 10px;outline: none;

}

.form-check-code .form-check-code-inner .box-form-button{
    padding-bottom: 70px;
    padding-top: 60px;
    
}
.form-check-code .form-check-code-inner .box-form-button button{
    background: transparent;
    border:0px;
    outline: none;
    color:#fff;
    text-transform: uppercase;font-size: 32px;font-weight: bold;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
    background: linear-gradient(180deg, #F8586C 0%, #C63741 100%) !important;
    outline: none;

}
.mobile{display:none;}
@media screen and (max-width: 1200px) {

  .wrap-auth_content .box-home{display: block;position: inherit;text-align: left;width: 100%;padding: 0px 20px;padding-top: 20px;}
  .wrap-auth_content .box-home img{max-height:30px;}

  .wrap-auth_content .box-home a{display: inline-block;}
  .wrap-auth_content .box-home a{display:inline-block;}
  .wrap-auth_content .box-gift-code{top:15%;}
  .wrap-auth_content .box-gift-code img{max-height:87px;}

  body{background-color: #fdebea;}
  body .wrap-auth{background: url('../assets/images/bg_mobile.png') no-repeat top center;max-width:440px;margin:0px auto;position:relative;}
  
  .mobile{display:block;}
  .form-check-code .box-title-form img{max-width:60%;position:relative;top:60px;z-index: 2;}
  .form-check-code .form-check-code-inner{background: url('../assets/images/bg_form_mobile.png') no-repeat top center;min-height: inherit;padding-top:50px;}

  .form-check-code .form-check-code-inner .box-form-item label{font-size:14px;}
  .form-check-code .form-check-code-inner .box-form-item input{min-height: 24px;font-size:12px;}
  .form-check-code .form-check-code-inner .box-form{max-width:calc(100% - 170px);}
  .form-check-code .form-check-code-inner .box-form-item label{margin-bottom:5px;}
  .form-check-code .form-check-code-inner .box-form-button{padding-top:5px;padding-bottom: 50px;font-size: 15px;}
  .form-check-code .form-check-code-inner .box-form-button button{font-size:15px;background: url('../assets/images/bg_submit_mobile.png') no-repeat top center;min-width: 200px;min-height: 65px;}
}
div:where(.swal2-icon).swal2-error
{
      background: linear-gradient(180deg, #F8586C 4.77%, #C63741 100%);
}
div:where(.swal2-icon).swal2-success
{
      background: #00BA00;
}
div:where(.swal2-container) h2:where(.swal2-title){
  background: linear-gradient(180deg, #F8586C 4.77%, #C63741 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

}
body div:where(.swal2-container) div:where(.swal2-html-container){    color: #000000;}
div:where(.swal2-container) div:where(.swal2-html-container) .swal-result-info span{
  background: linear-gradient(180deg, #F8586C 4.77%, #C63741 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){min-width: 100px;
  outline:0px;
}