/*==================================================
Homepage Admission Popup
==================================================*/

.popup-overlay{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:rgba(15,23,42,.70);

    backdrop-filter:blur(6px);

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:9998;

}

.popup-overlay.active{

    opacity:1;

    visibility:visible;

}

/*=========================================
Popup
=========================================*/

.popup-enquiry{

    position:fixed;

    top:50%;

    left:50%;

    width:950px;

    max-width:95%;

    background:#FFFFFF;

    border-radius:24px;

    overflow:hidden;

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

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

    opacity:0;

    visibility:hidden;

    transition:.35s ease;

    z-index:9999;

}

.popup-enquiry.active{

    opacity:1;

    visibility:visible;

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

}

/*=========================================
Close Button
=========================================*/

.popup-close{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#FFFFFF;

    color:#111827;

    font-size:18px;

    cursor:pointer;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

    transition:.3s;

    z-index:100;

}

.popup-close:hover{

    background:var(--primary);

    color:#FFFFFF;

}

/*=========================================
Wrapper
=========================================*/

.popup-wrapper{

    display:flex;

    align-items:stretch;

    min-height:560px;

}

/*=========================================
Left Side
=========================================*/

.popup-left{

    width:42%;

    background:#F8FAFC;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px;

}

.popup-left img{

    width:100%;

    max-width:340px;

    display:block;

}

/*=========================================
Right Side
=========================================*/

.popup-right{

    width:58%;

    padding:50px 45px;

}

.popup-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:rgba(15,118,110,.10);

    color:var(--primary);

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.popup-right h2{

    font-size:34px;

    color:var(--dark);

    line-height:1.3;

    margin-bottom:15px;

}

.popup-right p{

    color:#6B7280;

    line-height:1.8;

    margin-bottom:30px;

}

/*=========================================
Form
=========================================*/

.form-group{

    margin-bottom:18px;

}

.form-group label{

    display:block;

    font-size:14px;

    font-weight:600;

    margin-bottom:8px;

    color:var(--dark);

}

.form-group label span{

    color:#EF4444;

}

.form-group input,

.form-group select{

    width:100%;

    height:54px;

    border:1px solid #E5E7EB;

    border-radius:12px;

    padding:0 18px;

    font-size:15px;

    background:#FFFFFF;

    transition:.3s;

}

.form-group input:focus,

.form-group select:focus{

    outline:none;

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(15,118,110,.08);

}

.popup-submit{

    width:100%;

    height:56px;

    border:none;

    border-radius:12px;

    background:var(--primary);

    color:#FFFFFF;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.popup-submit:hover{

    background:var(--secondary);

}

/*=========================================
Bottom Buttons
=========================================*/

.popup-contact{

    display:flex;

    gap:12px;

    margin-top:25px;

}

.popup-contact a{

    flex:1;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    border-radius:10px;

    font-size:15px;

    font-weight:600;

    color:#FFFFFF;

    background:var(--primary);

    transition:.3s;

}

.popup-contact a:last-child{

    background:#25D366;

}

.popup-contact a:hover{

    transform:translateY(-2px);

}

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

@media (max-width:991px){

    .popup-enquiry{

        width:92%;

        max-width:92%;

    }

    .popup-wrapper{

        min-height:auto;

    }

    .popup-left{

        width:40%;

        padding:25px;

    }

    .popup-left img{

        max-width:260px;

    }

    .popup-right{

        width:60%;

        padding:35px 30px;

    }

    .popup-right h2{

        font-size:28px;

    }

}

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

@media (max-width:767px){

    .popup-enquiry{

        width:92%;

        max-width:92%;

        max-height:92vh;

        overflow-y:auto;

        border-radius:18px;

    }

    .popup-wrapper{

        display:block;

    }

    /* Hide Left Image */

    .popup-left{

        display:none;

    }

    /* Full Width Form */

    .popup-right{

        width:100%;

        padding:25px 20px;

    }

    .popup-badge{

        font-size:13px;

        margin-bottom:12px;

    }

    .popup-right h2{

        font-size:24px;

        line-height:1.35;

        margin-bottom:10px;

    }

    .popup-right p{

        font-size:14px;

        line-height:1.7;

        margin-bottom:18px;

    }

    .form-group{

        margin-bottom:14px;

    }

    .form-group label{

        font-size:13px;

    }

    .form-group input,

    .form-group select{

        height:48px;

        font-size:14px;

        border-radius:10px;

    }

    .popup-submit{

        height:50px;

        font-size:15px;

        border-radius:10px;

    }

    .popup-contact{

        flex-direction:column;

        margin-top:18px;

    }

    .popup-contact a{

        width:100%;

        height:46px;

        font-size:14px;

    }

    .popup-close{

        top:12px;

        right:12px;

        width:36px;

        height:36px;

        font-size:15px;

    }

}

/*==================================================
Small Mobile
==================================================*/

@media (max-width:480px){

    .popup-enquiry{

        width:94%;

        max-width:94%;

        border-radius:16px;

    }

    .popup-right{

        padding:22px 16px;

    }

    .popup-right h2{

        font-size:22px;

    }

}

/*==================================================
Popup Animation
==================================================*/

@keyframes popupZoom{

    from{

        opacity:0;

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

    }

    to{

        opacity:1;

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

    }

}

.popup-enquiry.active{

    animation:popupZoom .35s ease;

}

/*==================================================
Scrollbar
==================================================*/

.popup-enquiry::-webkit-scrollbar{

    width:6px;

}

.popup-enquiry::-webkit-scrollbar-thumb{

    background:#D1D5DB;

    border-radius:20px;

}

.popup-enquiry::-webkit-scrollbar-track{

    background:#F3F4F6;

}