/* Main wrapper */

.enquiry-wrapper {

   display: flex;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    transition: 0.5s ease;
}

/* LEFT PANEL */
.left-panel {
    width: 100vw;  /* FULL width always */
    max-width: 100%;
    background:#114d37;
    color: #fff;
	border:5px solid white;
	border-radius:30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    box-sizing: border-box;
    transition: width 0.7s ease;
    overflow: hidden;
}

/* Center Text */
.left-text {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.admission-arrow {
    cursor: pointer;
    font-size: 24px;
    margin-left: 8px;
    
	display: inline-block;
    
}

/* IMAGE — always centered */
.left-img img {
    width: 100%;
    max-width: 800px;  /* large size */
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}


/* RIGHT FORM PANEL */
.right-panel {
    width: 0;
    background:#114d37;
    opacity: 0;
    padding: 0;
	border:5px solid white;
	border-radius:30px;
    box-sizing: border-box;
    transition: width 0.7s ease, opacity 0.6s ease, padding 0.6s ease;
    overflow: hidden; /* THIS REMOVES WHITESPACE */
}


/* FORM OPEN */
.show-form .right-panel {
    width: 60vw;       /* NOT % — fixes white space issue */
    opacity: 1;
    padding: 50px;
}

.show-form .left-panel {
    width: 40vw;
}


/* Image shrinks when panel moves left */
.show-form .left-img img {
    max-width: 350px;
}

/* When closing → return to center large image */
.show-form-close .right-panel {
    width: 0;
    opacity: 0;
    padding: 0;
}

.show-form-close .left-panel {
    width: 100vw;
}


.show-form-close .left-img img {
    max-width: 800px;
}

.title { text-align:center; font-size:32px; margin-bottom:25px;color:#114d37;font-family: "Georgia", serif; }

.two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;   /* 2 equal columns */
    gap: 25px 40px;                   /* vertical 25px – horizontal 40px */
    margin-bottom: 25px;
}

.two-col div {
    display: flex;
    flex-direction: column;
}

label {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 6px;
}

/* SAME INPUT SIZE FOR ALL FIELDS */
input, select {
    width: 100%;
    padding: 12px 20px;
    border-radius: 30px;
    border: none;
    font-size: 15px;
}

/* FIX BUTTON CENTERING */
.submit-btn {
    display: block;
    margin: 35px auto 0;
    padding: 12px 30px;
    border-radius: 30px;
    background: white;
    color:#114d37;
    font-weight: 700;
    border: none;
    cursor: pointer;
    font-size: 17px;
}
/* Animation after click */
.show-form .left-panel { width: 40%; }
.show-form .right-panel { width: 60%; opacity: 1; }

/* Responsive */
/* ============================
   MOBILE VIEW — STACK VERTICALLY
   ============================ */
@media (max-width: 768px) {

    /* Stack vertically */
    .enquiry-wrapper {
        flex-direction: column;
        min-height: auto;
    }

    /* LEFT PANEL full width */
    .left-panel {
        width: 100% !important;
        max-width: 100%;
        border-radius: 20px;
        padding: 20px;
    }

    /* LEFT IMAGE resizing */
    .left-img img {
        max-width: 280px;
        width: 100%;
    }
  
    /* RIGHT PANEL below image */
    .right-panel {
        width: 100% !important;
        max-width: 100%;
        margin-top: 20px;
        opacity: 1 !important;
        padding: 25px !important;
        border-radius: 20px;
    }

    /* Remove sliding animation in mobile */
    .show-form .right-panel {
        width: 100% !important;
        opacity: 1;
        padding: 25px !important;
    }

    .show-form .left-panel {
        width: 100% !important;
    }
 
    /* Form fields in one column */
    .two-col {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}