/*=========================================
        WITS AI MODAL
=========================================*/

.modal-content{
    border:none;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.15);
}

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

.modal-header{

    background:linear-gradient(
    135deg,
    #94007a,
    #22c55e);

    padding:20px 30px;

}

.modal-title{

    color:#fff !important;

    font-size:28px;

    font-weight:700;

}

.modal-title i{

    margin-right:10px;

}

.btn-close{

    filter:brightness(0) invert(1);

    opacity:1;

}

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

.modal-body{

    padding:35px;

    background:#fff;

}

.modal-body p{

    color:#64748b;

    font-size:15px;

    line-height:1.8;

}

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

.form-label{

    font-weight:600;

    color:#0f172a;

    margin-bottom:8px;

}

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

.modern-input,

.modern-textarea{

    border:1px solid #dbe4ef;

    border-radius:14px;

    padding:14px 18px;

    font-size:15px;

    transition:.35s;

    box-shadow:none;

}

.modern-input:focus,

.modern-textarea:focus{

    border-color:#22c55e;

    box-shadow:

    0 0 0 4px rgba(34,197,94,.12);

}

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

.modern-textarea{

    resize:none;

}

/*=========================
SELECT
=========================*/

.form-select{

    border-radius:14px;

    height:54px;

    border:1px solid #dbe4ef;

}

.form-select:focus{

    border-color:#22c55e;

    box-shadow:

    0 0 0 4px rgba(34,197,94,.12);

}

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

.btn-primary,

.btn-success{

    border:none;

    border-radius:50px;

    background:linear-gradient(
    135deg,
    #94007a,
    #22c55e);

    font-weight:700;

    font-size:16px;

    transition:.35s;

    box-shadow:

    0 15px 35px rgba(148,0,122,.25);

}

.btn-primary:hover,

.btn-success:hover{

    transform:translateY(-3px);

    box-shadow:

    0 20px 45px rgba(34,197,94,.30);

}

/*=========================
FOOTER
=========================*/

.modal-footer{

    border:none;

    padding:0 35px 35px;

}

/*=========================
PLACEHOLDER
=========================*/

::placeholder{

    color:#94a3b8 !important;

}

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

.modern-input:hover,

.modern-textarea:hover,

.form-select:hover{

    border-color:#94007a;

}

/*=========================
MODAL ANIMATION
=========================*/

.modal.fade .modal-dialog{

    transform:translateY(40px) scale(.95);

    transition:.35s;

}

.modal.show .modal-dialog{

    transform:translateY(0) scale(1);

}

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

.modal-header{

    position:relative;

    overflow:hidden;

}

.modal-header::before{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    top:-120px;

    right:-80px;

}

/*=========================
INPUT ICON SPACE
=========================*/

.input-group-text{

    background:#fff;

    border-radius:14px 0 0 14px;

}

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

@media(max-width:768px){

.modal-body{

padding:25px;

}

.modal-title{

font-size:22px;

}

}


/*=========================================
        MODAL Z-INDEX FIX
=========================================*/

/* Bootstrap Modal */
.modal{
    z-index:999999 !important;
}

/* Backdrop */
.modal-backdrop{
    z-index:999998 !important;
}

/* Dialog */
.modal-dialog{
    position:relative;
    z-index:1000000 !important;
    margin-top:40px;
}

/* Content */
.modal-content{
    position:relative;
    z-index:1000001 !important;
    border:none;
    border-radius:24px;
    overflow:hidden;
}

/* Header */
.modal-header{
    position:relative;
    z-index:1000002 !important;

    background:linear-gradient(
        135deg,
        #94007a,
        #22c55e
    );

    color:#fff;

    border:none;

    padding:20px 30px;
}

/* Title */
.modal-title{
    color:#fff !important;
    font-size:28px;
    font-weight:700;
}

/* Close Button */
.modal-header .btn-close{
    filter:brightness(0) invert(1);
    opacity:1;
}

/* Body */
.modal-body{
    position:relative;
    z-index:1000001;
    background:#fff;
    padding:35px;
}

/* Footer */
.modal-footer{
    position:relative;
    z-index:1000001;
    border:none;
    padding:20px 35px 35px;
}

/* Header Fix */
.header,
#header,
.fixed-top{
    z-index:1030 !important;
}

/* Mobile */
@media(max-width:768px){

    .modal-dialog{

        margin:20px auto;

        max-width:95%;

    }

    .modal-title{

        font-size:22px;

    }

}