/*=========================================================
        AIMKAR CONTACT MODAL
        PART 2 (SECTION-1)
        CONFLICT FREE CSS
=========================================================*/


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

#aimcContactModal{
    z-index:999999;
}

#aimcContactModal{

    padding:0 !important;

}

#aimcContactModal .modal-dialog{

    max-width:1220px;
    width:95%;
    margin:1rem auto;

    display:block;

    min-height:auto;

}

#aimcContactModal .modal-content{

    border:none;

    border-radius:24px;

    overflow:hidden;

    background:#ffffff;

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

}


#aimcContactModal .modal-backdrop{

    backdrop-filter:blur(6px);
}


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

.aimc-modal-body{
    display:flex;
    width:100%;
    min-height:auto;
    height:auto;
    max-height:none;
    overflow:visible;
}



/*==============================
LEFT PANEL
==============================*/

.aimc-left{

    width:33%;

    background:linear-gradient(180deg,#14396d,#0c2854);

    color:#fff;

    position:relative;

    overflow:hidden;

}


.aimc-left::before{

    content:"";

    position:absolute;

    right:-120px;

    top:-40px;

    width:350px;

    height:350px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:50%;
}


.aimc-left::after{

    content:"";

    position:absolute;

    right:-60px;

    top:40px;

    width:260px;

    height:260px;

    border:1px solid rgba(255,255,255,.05);

    border-radius:50%;
}



.aimc-left-inner{

    height:100%;

    padding:34px 28px;

    display:flex;

    flex-direction:column;

}



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

.aimc-icon-circle{

    width:92px;

    height:92px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

}


.aimc-icon-circle i{

    color:#fff;

    font-size:42px;

}



/*==============================
HEADING
==============================*/

.aimc-left h2{

    font-size:28px;

    font-weight:700;

    margin-bottom:10px;

}


.aimc-line{

    width:42px;

    height:4px;

    border-radius:20px;

    background:#ffc83d;

    display:block;

    margin-bottom:22px;

}


.aimc-desc{

    font-size:14px;

    line-height:1.9;

    color:rgba(255,255,255,.92);

    margin-bottom:26px;

}



/*==============================
FEATURE LIST
==============================*/

.aimc-feature{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

}


.aimc-feature i{

    color:#52df78;

    font-size:18px;

}


.aimc-feature span{

    font-size:15px;

    font-weight:500;

}



/*==============================
DIVIDER
==============================*/

.aimc-divider{

    height:1px;

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

    margin:18px 0 22px;

}



/*==============================
CONTACT
==============================*/

.aimc-contact{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

}


.aimc-contact i{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

    color:#fff;

    font-size:16px;

}


.aimc-contact span{

    font-size:15px;

    color:#fff;

}



/*==============================
RIGHT PANEL
==============================*/

.aimc-right{

    width:67%;

    padding:30px 42px;

    overflow-y:auto;

    max-height:90vh;

}



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

.aimc-close-btn{

    position:absolute;

    top:18px;

    right:18px;

    width:48px;

    height:48px;

    border-radius:50%;

    background:#fff !important;

    border:none;

    opacity:1 !important;

    z-index:9999;

    box-shadow:0 8px 22px rgba(0,0,0,.18);

    background-size:16px;

}


/*==============================
BADGE
==============================*/


.aimc-close-btn{

    display:flex;
    justify-content:center;
    align-items:center;

}

.aimc-close-btn i{

    font-size:20px;

    color:#1b2d4f;

}

.aimc-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    background:#dff7ef;

    border-radius:50px;

    color:#13a36f;

    font-size:13px;

    font-weight:700;

    letter-spacing:.5px;

    margin-bottom:18px;

}


.aimc-badge i{

    font-size:14px;

}



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

.aimc-title{

    font-size:28px;

    font-weight:700;

    color:#10264d;

    margin-bottom:8px;

}


.aimc-subtitle{

    color:#6f7887;

    font-size:15px;

    margin-bottom:28px;

}

/*=========================================================
        AIMKAR CONTACT MODAL
        PART 2 (SECTION-2)
=========================================================*/


/*==============================
FORM GRID
==============================*/

.aimc-form-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px 24px;

}



/*==============================
FULL WIDTH
==============================*/

.aimc-full{

    grid-column:1/-1;

}



/*==============================
FIELD
==============================*/

.aimc-field{

    display:flex;

    flex-direction:column;

}



.aimc-field label{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:8px;

    color:#2b3240;

    font-size:14px;

    font-weight:600;

}



.aimc-field label i{

    width:18px;

    text-align:center;

    font-size:15px;

}



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

.aimc-field input,
.aimc-field select,
.aimc-field textarea{

    width:100%;

    border:1px solid #d9e0eb;

    border-radius:14px;

    background:#fff;

    outline:none;

    transition:.30s;

    font-size:14px;

    color:#273246;

    font-weight:500;

    box-shadow:none;

}



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

.aimc-field input,
.aimc-field select{

    height:48px;

    padding:0 18px;

}



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

.aimc-field textarea{

    resize:none;

    height:100px;

    padding:15px 18px;

}



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

.aimc-field input::placeholder,
.aimc-field textarea::placeholder{

    color:#9aa5b4;

    font-size:14px;

}



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

.aimc-field input:focus,
.aimc-field textarea:focus,
.aimc-field select:focus{

    border-color:#25b96f;

    box-shadow:0 0 0 4px rgba(37,185,111,.12);

}



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

.aimc-field select{

    appearance:none;

    -webkit-appearance:none;

    cursor:pointer;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23555' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 18px center;

    padding-right:48px;

}



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

.aimc-submit{

    width:100%;

    height:56px;

    border:none;

    border-radius:14px;

    background:linear-gradient(90deg,#42d46d,#008fe8);

    color:#fff;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    transition:.35s;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

}



.aimc-submit i{

    font-size:18px;

}



.aimc-submit:hover{

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(0,135,220,.28);

}



/*==============================
BOTTOM
==============================*/

.aimc-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:8px;

    padding-top:6px;

}



.aimc-bottom div{

    display:flex;

    align-items:center;

    gap:10px;

    color:#5d6879;

    font-size:14px;

    font-weight:500;

}



.aimc-bottom i{

    font-size:19px;

}



/*==============================
BOTTOM COLORS
==============================*/

.aimc-bottom div:nth-child(1) i{

    color:#22c55e;

}

.aimc-bottom div:nth-child(2) i{

    color:#2979ff;

}

.aimc-bottom div:nth-child(3) i{

    color:#7c4dff;

}



/*==============================
HOVER EFFECT
==============================*/

.aimc-field input:hover,
.aimc-field textarea:hover,
.aimc-field select:hover{

    border-color:#b8c7da;

}



/*==============================
SCROLLBAR
==============================*/

#aimcContactModal ::-webkit-scrollbar{

    width:6px;

}

#aimcContactModal ::-webkit-scrollbar-thumb{

    background:#d8dce3;

    border-radius:20px;

}



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

#aimcContactModal.fade .modal-dialog{

    transform:scale(.92);

    transition:.25s ease;

}

#aimcContactModal.show .modal-dialog{

    transform:scale(1);

}



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

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

@media (max-width:1199px){

#aimcContactModal .modal-dialog{

    width:98%;
    max-width:98%;

}

.aimc-modal-body{

    flex-direction:column;

}

.aimc-left{

    display:none;

}

.aimc-right{

    width:100%;
    max-height:90vh;
    overflow-y:auto;
    padding:25px;

}

.aimc-form-grid{

    grid-template-columns:1fr;

}

}



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

@media (max-width:767px){

#aimcContactModal .modal-dialog{

    width:100%;
    margin:0;

    max-width:100%;

}

#aimcContactModal .modal-content{

    height:100vh;

    border-radius:20px 20px 0 0;

}

.aimc-right{

    width:100%;

    height:100vh;

    overflow-y:auto;

    padding:20px;

}

.aimc-title{

    font-size:18px;

}

.aimc-subtitle{

    font-size:14px;

}

.aimc-form-grid{

    grid-template-columns:1fr;

}

}