/*==========================================================
POPUP
==========================================================*/

body.nww-popup-open{
    overflow:hidden;
}

#nww-popup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.6);
    z-index:999998;
    display:none;
}

#nww-popup{

    position:fixed;
    left:50%;
    top:50%;

    transform:translate(-50%,-50%) scale(.95);

    width:90%;
    max-width:700px;
    max-height:90vh;

    overflow-y:auto;

    background:#fff;

    border-radius:10px;

    box-shadow:0 20px 50px rgba(0,0,0,.25);

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:999999;

}

#nww-popup.active{

    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1);

}

.nww-popup-header{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px 25px;

    border-bottom:1px solid #e5e5e5;

}

.nww-popup-header h3{

    margin:0;

    font-size:22px;

    font-weight:600;

}

.nww-close{

    position:absolute;

    right:18px;

    top:14px;

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    line-height:30px;

    color:#555;

    cursor:pointer;

    border-radius:50%;

    transition:.25s;

}

.nww-close:hover{

    background:#f3f3f3;

    color:#000;

}

.nww-popup-body{

    padding:25px;

}

#nww-enquiry-form p{

    margin-bottom:18px;

}

#nww-enquiry-form label{

    display:block;

    margin-bottom:6px;

    font-weight:600;

}

#nww-enquiry-form input,
#nww-enquiry-form textarea,
#nww-enquiry-form select{

    width:100%;

    padding:12px 15px;

    border:1px solid #d8d8d8;

    border-radius:5px;

    box-sizing:border-box;

}

#nww-enquiry-form textarea{

    min-height:130px;

    resize:vertical;

}

#nww-enquiry-form button{

    width:100%;

    padding:14px;

    font-size:16px;

}

#nww-response{

    margin-top:20px;

    padding:15px;

    border-radius:5px;

    display:none;

}

#nww-response.success{

    background:#eafaf1;

    color:#0d7c3b;

}

#nww-response.error{

    background:#fdecec;

    color:#c62828;

}

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

@media(max-width:768px){

    #nww-popup{

        width:95%;

        max-height:92vh;

        border-radius:8px;

    }

    .nww-popup-header{

        padding:15px 18px;

    }

    .nww-popup-header h3{

        font-size:18px;

    }

    .nww-popup-body{

        padding:18px;

    }

    .nww-close{

        width:34px;

        height:34px;

        font-size:26px;

        right:12px;

        top:10px;

    }

}