/*=========================
 Payment Section
==========================*/

.form-popup-bg1{
    position:relative;
    width:100%;
    min-height:100vh;
    display:flex;
    align-items:center;
    background:
    radial-gradient(circle at 12% 18%,rgba(136,0,25,.28),transparent 35%),
    radial-gradient(circle at 88% 12%,rgba(255,45,85,.14),transparent 30%),
    radial-gradient(circle at 75% 88%,rgba(136,0,25,.18),transparent 35%),
    linear-gradient(180deg,#050505,#090909 70%,#111214);
    justify-content:center;
    padding:190px 20px 80px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}



.form-container{
    position:relative;
    z-index:2;
    width:100%;
    max-width:760px !important;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-radius:18px;
    padding:40px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    border:1px solid rgba(255,255,255,.4);
}

.form-container h1{
    color:#111!important;
    font-size:34px;
    font-weight:700;
    margin-bottom:8px;
}

.form-container p{
    color:#666!important;
    margin-bottom:25px;
}

/*=========================
 Form
==========================*/

.form-group{
    margin-bottom:8px;
}

.input-group{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:nowrap;
}

.input-group-addon:first-child{
    width:180px;
    min-width:180px;
    background:#0b5ed7;
    color:#fff;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.5px;
    border:none;
    border-radius:8px;
    padding:14px 12px;
}

.mob-none{
    width:160px;
    min-width:160px;
    color:#666 !important;
    font-size:11px !important;
    font-weight:500 !important;
    background:transparent!important;
    border:none!important;
}

.form-control{
    height:52px;
    border-radius:8px!important;
    border:1px solid #d6dce5!important;
    background:#fff!important;
    font-size:15px;
    box-shadow:none!important;
    transition:.3s;
}

.form-control:focus{
    border-color:#0b5ed7!important;
    box-shadow:0 0 0 4px rgba(13,110,253,.15)!important;
}

/*=========================
 Headings
==========================*/

.pinfo{
    font-size:16px;
    font-weight:600;
    color:#111!important;
    margin:12px 0 8px;
}

/*=========================
 Button
==========================*/

button[type=submit]{

    width:100%;
    height:56px;
    border:none;
    border-radius:10px;
    background:linear-gradient(90deg,#0b5ed7,#00a3ff);
    color:#fff;
    font-size:17px;
    font-weight:600;
    transition:.35s;
}

button[type=submit]:hover{

    transform:translateY(-2px);

    box-shadow:0 15px 30px rgba(13,110,253,.35);

}

/*=========================
 Loading
==========================*/

#loading{

    text-align:center;

    margin-top:20px;

    color:#0b5ed7;

    font-weight:600;

}

/*=========================
 Responsive
==========================*/

@media(max-width:991px){

.form-container{

    padding:30px;

}

.input-group{

    flex-direction:column;

    align-items:stretch;

}

.input-group-addon:first-child{

    width:100%;

    min-width:100%;

}

.mob-none{

    display:none!important;

}

}

@media(max-width:576px){

.form-popup-bg1{

    padding:100px 15px 50px;

}

.form-container{

    padding:22px;

    border-radius:14px;

}

.form-container h1{

    font-size:26px;

}

button[type=submit]{

    height:52px;

}

}