*,
*::before,
*::after {margin: 0;padding: 0;-webkit-box-sizing: border-box; box-sizing: border-box;}

html {box-sizing: border-box;}

body {
    font-family: 'Poppins', sans-serif;
       font-size: 15px;
    line-height: 1.65;
    font-weight: 400; 
    color: #000;
	background: #ededed; 
}
.container{ max-width: 600px; margin: auto; padding:0 25px; background: #fff;    height: 100vh; position: relative;}
.top_bar{ padding: 5px 0; }
.tc{  text-align:center }
.hadding1{ margin: 12% 0 50px;}
.input_fuld {
    padding: 13px;
    width: 100%;
    border: 1px solid #979797;
    border-radius: 6px;
}
.input_fuld:focus{outline: none;}
.label{    font-weight: 500;
    margin-bottom: 3px;
    display: block;}

.input_group{ margin-bottom: 20px;}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
.radio_btn {
    background: #ededed;
    padding:10px 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.radio_btn input{width: 25px;        height: 25px; margin-right: 15px;}
.continue_btn {
    padding: 13px;
    right: 25px;
    background: #3659d9;
    border: 1px solid #3659d9;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    display: block;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 25px; font-weight: 500;
    bottom: 25px;
}
.conter_box_contaner{ width: 100%; margin: auto 0;}
.d-flex{ display: flex;}

.procace {
    background: #10c772;
    color: #fff;
    border-radius: 50%;
    width: 0;
    height: 0;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    margin: 0 auto 80px;
}
.procace:after {
    content: "";
    display: block;
    position: absolute;
    left: -50px;
    right: -50px;
    top: -50px;
    bottom: -50px;
    border-radius: 50%;
    animation: animate 1.6s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
    animation-delay: .6s;
    border: 5px solid #10c772;
}
@keyframes animate {
    0% {
      transform: scale(.5);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    }
.mb-20{ margin-bottom: 20px;}

.continue_btn:hover{
    cursor: pointer;
}


 @media only screen and (min-width:768px) {
 
}