/* =====================================================
   PUBLIC PAGE
===================================================== */

.public-enquiry-page {
    min-height: calc(100vh - 80px);
    background: #f8fafc;
    padding-bottom: 40px;
}


/* =====================================================
   ADMIN PAGE
===================================================== */

.admin-enquiry-page {
    margin-left: 260px;
    width: calc(100% - 260px);
    min-height: 100vh;
    background: #f8fafc;
    padding-bottom: 40px;
}


/* =====================================================
   MAIN ICON
===================================================== */

.enquiry-main-icon {
    width: 65px;
    height: 65px;
    margin: auto;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef2ff;
    color: #4338ca;
    font-size: 28px;
}


/* =====================================================
   TITLE
===================================================== */

.public-enquiry-page h1,
.admin-enquiry-page h1 {
    color: #1e293b;
    font-size: 32px;
}


/* =====================================================
   SUCCESS ALERT
===================================================== */

.enquiry-success-alert {
    max-width: 700px;
    margin: 0 auto 25px;
    border: none;
    border-radius: 10px;
}


/* =====================================================
   FORM CARD
===================================================== */

.enquiry-form-card {
    border-radius: 16px;
    overflow: hidden;
}


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

.enquiry-card-header {
    background: #0d6efd;
    color: white;
    padding: 18px 22px;
    border: none;
}


    .enquiry-card-header small {
        opacity: .85;
    }


.header-icon {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    font-size: 20px;
}


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

.public-enquiry-page .form-label,
.admin-enquiry-page .form-label {
    color: #334155;
    font-size: 14px;
}


/* =====================================================
   INPUTS
===================================================== */

.public-enquiry-page .form-control,
.public-enquiry-page .form-select,
.admin-enquiry-page .form-control,
.admin-enquiry-page .form-select {
    border-radius: 9px;
    border: 1px solid #dbe2ea;
}


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

    .public-enquiry-page .form-control:focus,
    .public-enquiry-page .form-select:focus,
    .admin-enquiry-page .form-control:focus,
    .admin-enquiry-page .form-select:focus {
        border-color: #86b7fe;
        box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .10);
    }


/* =====================================================
   SUBMIT
===================================================== */

.enquiry-submit-btn {
    border-radius: 9px;
    font-weight: 600;
    padding: 12px;
}


/* =====================================================
   ADMIN BACK BUTTON
===================================================== */

.admin-enquiry-page .btn-outline-secondary {
    border-radius: 8px;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .admin-enquiry-page {
        margin-left: 230px;
        width: calc(100% - 230px);
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .admin-enquiry-page {
        margin-left: 70px;
        width: calc(100% - 70px);
    }


    .public-enquiry-page,
    .admin-enquiry-page {
        padding-top: 20px;
    }


        .public-enquiry-page h1,
        .admin-enquiry-page h1 {
            font-size: 26px;
        }


    .enquiry-form-card .card-body {
        padding: 20px !important;
    }
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 576px) {

    .public-enquiry-page .container,
    .admin-enquiry-page .container {
        padding-left: 12px;
        padding-right: 12px;
    }
}