.swal2-popup {
    width: 60em !important;
   background: transparent !important;
}
.swal2-content {
    text-align: left !important;
}
.swal2-content img {
    width: 100%
}
.swal2-content p, .swal2-content h2{
    position : absolute;
}
.swal2-close {
    top: 5% !important;
    right: 3% !important;
}
.swal2-content {
    position: relative;
}
.swal2-content h2 {
    top: 16%;
    left: 5%;
    font-size: 15pt;
    text-transform: uppercase;
    color: #e99400;
    width: 90%;
    line-height: 24px;
    text-align: center;
}
.swal2-content p:nth-child(3) {
    top: 35%;
    text-align: center;
    color: #cccc;
    width: 85%;
    left: 8%;
    font-size: 12pt;
}
.swal2-content p:nth-child(4) {
    top: 50%;
    text-align: center;
    font-size: 12pt;
    color: #cccc;
    width: 70%;
    left: 15%;
}
.swal2-content a{
    font-size: 13pt;
    color: white;
    width: 70%;
    left: 15%;
}
.swal2-content p:nth-child(5) {
    top: 65%;
    font-size: 10pt;
    width: 61%;
    left: 20%;
    color: #e99400;
    line-height: 18px;
}
.swal2-content p:nth-child(6) {
    color: #cccc;
    top: 78%;
    left: 27%;
    font-size: 12pt;
}
.swal2-content p:nth-child(7) {
    top: 85%;
    left: 10%;
    font-size: 12pt;
    color: #ccc;
}
.swal2-popup .swal2-content .regis-t1 {
    top: 28%;
    text-align: center;
    color: #cccc;
    width: 85%;
    left: 8%;
    font-size: 12pt;
}
.swal2-popup .swal2-content .regis-t2 {
    top: 45%;
    text-align: center;
    font-size: 12pt;
    color: #cccc;
    width: 70%;
    left: 15%;
}
 .swal2-popup .swal2-content .regis-t2 a{
    font-size: 13pt;
    color: white;
    width: 70%;
    left: 15%;
}
.swal2-popup	.swal2-content .regis-t3 {
    top: 55%;
    font-size: 11pt;
    width: 70%;
    text-align: center;
    left: 15%;
    color: #e99400;
    line-height: 18px;
}
.swal2-popup .swal2-content .regis-t4 {
    color: #cccc;
    top: 75%;
    left: 45%;
    font-size: 12pt;
}
      
@media only screen and (max-width: 600px){
   .swal2-content h2 {
        top: 16%;
        left: 10%;
        font-size: 7pt;
        line-height: 15px;
        width: 80%;
    }
    .swal2-content p:nth-child(3) {
        top: 35%;
         width: 90%;
        left: 5%;
        font-size: 6pt;
        line-height: 13px;
    }
    .swal2-content p:nth-child(4) {
        top: 56%;
        font-size: 6pt;
        width: 70%;
        left: 15%;
        line-height: 1px;
     }
    .swal2-content a {
        font-size: 7pt;
    }
    .swal2-content p:nth-child(5) {
        top: 68%;
        font-size: 5pt;
         width: 75%;
        left: 16%;
        line-height: 8px;
    }
      .swal2-content p:nth-child(6) {
        top: 60%;
        color: #cccc;
        top: 75%;
        left: 30%;
        font-size: 6pt;
    }
    .swal2-content p:nth-child(7) {
        top: 87%;
        left: 12%;
        font-size: 6pt;
        line-height: 10px;
        width: 100%;
    }
    .swal2-popup .swal2-content .regis-tit  {
        top: 16%;
        left: 10%;
        font-size: 7pt;
        line-height: 15px;
        width: 80%;
    }
   .swal2-popup .swal2-content .regis-t1 {
        top: 30%;
        width: 90%;
        left: 5%;
        font-size: 7pt;
        line-height: 13px;
    }
   .swal2-popup .swal2-content .regis-t2 {
        top: 45%;
        font-size: 8pt;
        width: 70%;
        left: 15%;
        line-height: 1px;
    }
  .swal2-popup .swal2-content .regis-t2 a {
        font-size: 9pt;
    }
   .swal2-popup	.swal2-content .regis-t3 {
        top: 60%;
        font-size: 6.8pt;
        width: 80%;
        left: 10%;
        line-height: 8px;
    }
  .swal2-popup .swal2-content .regis-t4  {
        color: #cccc;
        top: 80%;
        left: 43%;
        font-size: 7pt;
    }
}
 @media only screen and (max-width: 375px){
     .swal2-content p:nth-child(7) {
    
        left: 8%;
       
    }
 }
 @media only screen and (max-width: 320px){
   .swal2-content h2 {
        font-size: 6pt;
    }
    .swal2-content p:nth-child(3) {
        font-size: 5pt;
    }
    .swal2-content p:nth-child(4) {
        font-size: 5pt;
     }
    .swal2-content a {
        font-size: 6pt;
    }
    .swal2-content p:nth-child(5) {
        font-size: 4pt;
    }
    .swal2-content p:nth-child(6) {
        font-size: 5pt;
    }
    .swal2-content p:nth-child(7) {
        font-size: 5pt;
    }
    .swal2-popup .swal2-content .regis-tit {
        font-size: 6pt;
    }
   .swal2-popup .swal2-content .regis-t1 {
        font-size: 5pt;
    }
      .swal2-popup .swal2-content .regis-t2  {
        font-size: 5pt;
     }
   .swal2-popup .swal2-content .regis-t2 a  {
        font-size: 6pt;
    }
   .swal2-popup	.swal2-content .regis-t3 {
        font-size: 4pt;
    } 
  .swal2-popup .swal2-content .regis-t4  {
        color: #cccc;
        top: 75%;
        left: 45%;
        font-size: 6pt;
    }
       
}
button:focus {
    outline : none
}