/* General Body & Form Styling */
body {
    background-color: #d4edda; /* Light gray background */
}
.dot {
    border: dashed 3px red;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0;
}

form {
    box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

input:focus,
select:focus {
    outline: none;
    box-shadow: none;
}

.school-header {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-weight: bold;
    color: #333;
}

/* Header Row Styling */
.header-row {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    background-color: #fff;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
}

/* Left Logo */
.left-logo {
    flex: 0 0 100px; /* Fixed width */
    margin-right: 20px; /* Space from school details */
}

.left-logo img {
    max-width: 150%;
    height: 100px;
}

/* Right Logo */
.right-logo {
    flex: 0 0 150px; /* Bada width */
    margin-left: 10px; /* Left ke aur pass */
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-logo img {
    width: auto;       /* Maintain aspect ratio */
    height: 50px;      /* Desired height */
    max-width: 100%;   /* Fit within container */
}


/* School Details */
.school-details {
    flex: 1; /* Takes remaining space */
    min-width: 200px; /* Prevent collapsing */
    margin-left: 50px; /* Space from school details */
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .header-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .left-logo,
    .right-logo {
        margin: 10px 0; /* Space between logos and text */
    }
    .school-details {
        margin: 10px 0;
    }
}

/* Form Container */
.registration-form-container {
    max-width: 600px;
    margin: auto;
}