@font-face{font-family:Poppins-Regular;src: url(../fonts/Poppins-Regular.ttf);}
@font-face{font-family:Poppins-Medium;src: url(../fonts/Poppins-Medium.ttf);}


html,body{overflow-x:hidden;}
#spin, #claim-btn {
    margin-top: 0px;
    padding: 12px 30px;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    width: 25%;
    background-color: #224794;
    color: white;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
  } 

.offer_hightlight{text-align: center;
    color: #000;
    font-size: 15px;
    font-family: Poppins-Medium;
    padding-top: 1em;
    margin: 1em;}

.thk_p{text-align: center;
    padding: 1em;
    font-size: 14px;
    color: #000;
    font-family: Poppins-Regular;}

.th_title{   text-align: center;
    font-family: Poppins-Medium;
    color: #000;
    padding-top: 1em;
    text-transform: capitalize;}
.card1 {
    margin-top: 3em;
    border: 1px solid #221c1c2b;
    padding: 1em;
    text-align: center;
    line-height: 2;
}

body { background: radial-gradient(circle at center, #eef6ff, #d0e7ff);font-size: 100%;}
.form_container {  
  max-width: 60%;    padding: 0;
  min-width: 324px;
  margin: 0px auto 50px;
  background-color:#fff;
  border: 1px solid #000; 
  border-bottom: 3px solid #000;}

.header {
    /* padding: 1.5em 2.5em; */
    border-bottom: 1px solid #ccc; 
      background: radial-gradient(circle at center, #eef6ff, #d0e7ff);
    color:#000; box-shadow: 0 0 25px #000000;font-family:Poppins-Regular;
  }

.title_h1 {
  text-align: center;
    font-family: Poppins-Medium;
    font-size: 1.6em;
  font-weight: 100;  
}
.title_h3 {
  font-family: Poppins-Regular;
    font-size: 16px;text-align: center;
  margin: 0em 0 1.4em 0;
}
.form_btn {
  font-size: 20px;
  display: inline-block;
  padding: 0.5em 1.5em;
  margin: 2em 0 0;
  color:#fff;
  border-width: 0 0 0 0;    
  border-radius: 12px;
  border-bottom: 5px solid;
  background-color: #ff0000;    width: 100%;
  text-transform: uppercase; font-family: Poppins-Medium;
}


form {
  max-width: 100%;
  display: block;padding: 2em;}

        
  label {
    display: block; font-family: Poppins-Regular;
    margin: 0 0 0.5em 0;
    color: red;
    font-size: 15px;
  }
.form_input {
    margin: 0 0 0.5em 0;
    border: 1px solid #ccc;
    padding: 6px 10px;
    color:  #4f6fad;
    font-size: 15px;font-family:Poppins-Regular;
  }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
    font-family: 'Poppins-Regular';font-size: 15px;
}
 .form_input::placeholder {color:#999;font-family:Poppins-Regular;font-size: 15px;}
@media only screen and (max-width:480px) {
  .pull-right {
    float: none; 
  }
  input {
    width: 100%; 
  }
  label {
    width: 100%;
    display: inline-block;
    float: left;
    clear: both;
  }
  li, p {
   width: 100%; 
  }
  input.btn {
   margin: 1.5em 0 0.5em; 
  }
  h1 {
   font-size: pxtoem(36, 16); 
  }
  h3 {
    font-size: pxtoem(18, 16)
  }
  li small {
   display: none; 
  }
}

.logo{width: 20%}

.offer_h2{padding-bottom: 1em;
    padding-top: 1em;
    font-family: 'Poppins-Regular';
    font-size: 15px;}

    #spin, #claim-btn {
    margin-top: 0px;
    padding: 12px 30px;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    width: 25%;
    background-color: #224794;
    color: white;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.3s ease;
  } 

@media(min-width:300px) and (max-width:767px){
.form_btn {width: 100%;}
#spin, #claim-btn {width: 88%!important;}}