/*=========================================
ENQUIRY MODAL
Scoped CSS (ep-)
Will not affect existing website
==========================================*/

.ep-modal-dialog{

    max-width:520px;

}

.ep-modal{

    border:0;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(0,0,0,.30);

}


/*====================
HEADER
=====================*/

.ep-header{

    background:linear-gradient(135deg,#2E6BE6,#1C52B8);

    padding:18px 22px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.ep-header h3{

    margin:0;

    color:#fff;

    font-size:20px;

    font-weight:700;

}

.ep-close{

    background:none;

    border:0;

    color:#fff;

    font-size:40px;

    line-height:1;

    cursor:pointer;

    opacity:1;

    transition:.3s;

}

.ep-close:hover{

    transform:rotate(90deg);

}


/*====================
BODY
=====================*/

.ep-body{

    padding:28px;

    background:#fff;

}

.ep-description{

    text-align:center;

    color:#6b7280;

    font-size:15px;

    line-height:28px;

    margin-bottom:28px;

}


/*====================
LABEL
=====================*/

.ep-label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

    font-size:16px;

    color:#222;

}

.ep-label span{

    color:#e53935;

}


/*====================
INPUT
=====================*/

.ep-input{

    height:52px;

    border-radius:14px;

    border:1px solid #d9e2f2;

    font-size:16px;

    padding:0 18px;

    box-shadow:none !important;

}

.ep-input:focus{

    border-color:#2E6BE6;

}


/*====================
TEXTAREA
=====================*/

.ep-textarea{

    height:110px;

    resize:none;

    border-radius:14px;

    border:1px solid #d9e2f2;

    padding:15px 18px;

    font-size:16px;

    box-shadow:none !important;

}

.ep-textarea:focus{

    border-color:#2E6BE6;

}


/*====================
BUTTON
=====================*/

.ep-submit-btn{

    height:52px;

    border-radius:14px;

    background:linear-gradient(135deg,#2E6BE6,#1C52B8);

    border:none;

    color:#fff;

    font-size:18px;

    font-weight:700;

    transition:.3s;

}

.ep-submit-btn:hover{

    background:linear-gradient(135deg,#215dd8,#15439a);

    color:#fff;

}


/*====================
BACKDROP
=====================*/

.modal-backdrop.show{

    opacity:.65;

}


/*====================
RESPONSIVE
=====================*/

@media(max-width:576px){

.ep-modal-dialog{

    margin:15px;

}

.ep-body{

    padding:22px;

}

.ep-header h3{

    font-size:22px;

}

.ep-input{

    height:48px;

    font-size:15px;

}

.ep-textarea{

    height:100px;

    font-size:15px;

}

.ep-submit-btn{

    height:50px;

    font-size:16px;

}

}

/*====================
SUCCESS MESSAGE
=====================*/

.ep-success{

    background:#d1fae5;

    color:#065f46;

    border:1px solid #10b981;

    border-radius:12px;

    padding:14px 18px;

    font-size:15px;

    font-weight:600;

    margin-bottom:20px;

}

.ep-error{

    background:#fee2e2;

    color:#991b1b;

    border:1px solid #ef4444;

    border-radius:12px;

    padding:14px 18px;

    font-size:15px;

    font-weight:600;

    margin-bottom:20px;

}