.ppc-wrapper{
    background:#17496d;
    padding:20px;
}

.ppc-form{
    display:flex;
    gap:20px;
}

.ppc-form input{
    flex:1;
    height:55px;
    padding:0 15px;
}

.ppc-form button{
    width:220px;
    background:#2f9dc2;
    color:#fff;
    border:none;
}

.ppc-heading{
    background:#fff;
    padding:30px;
    text-align:center;
    margin-top:15px;
    font-size:24px;
    font-weight:bold;
}

#ppc_result{
    background:#fff;
    margin-top:15px;
    padding:25px;
}

.ppc-success h3{
    color:green;
}

.ppc-fail h3{
    color:red;
}

@media(max-width:768px){

    .ppc-form{
        flex-direction:column;
    }

    .ppc-form button{
        width:100%;
        height:55px;
    }
}
/*
|--------------------------------------------------------------------------
| Popup Styles
|--------------------------------------------------------------------------
*/

.ppc-notify-open{

    width: 100%;
    height: 50px;
    background: #17496d;
    color: white;
    border: none;
    margin-top: 15px;
    cursor: pointer;
    font-size: 16px;
}

.ppc-popup-overlay{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 99999;
}

.ppc-popup{

    width: 400px;
    background: white;
    padding: 30px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ppc-close-popup{

    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    cursor: pointer;
}

.ppc-popup h2{

    margin-bottom: 15px;
}

.ppc-popup input{

    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-top: 15px;
}

#ppc_notify_submit{

    width: 100%;
    height: 50px;
    background: #17496d;
    color: white;
    border: none;
    margin-top: 15px;
    cursor: pointer;
}

.ppc-thankyou{

    text-align: center;
    padding: 30px 10px;
}

@media(max-width:768px){

    .ppc-popup{

        width: 90%;
    }
}